colorhexa.com

#5afcc6 hex color

In a RGB color space, hex #5afcc6 is composed of 35.3% red, 98.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 0% magenta, 21.4% yellow and 1.2% black. It has a hue angle of 160 degrees, a saturation of 96.4% and a lightness of 67.1%. #5afcc6 color hex could be obtained by blending #b4ffff with #00f98d. Closest websafe color is: #66ffcc.

- R 35
- G 99
- B 78
RGB color chart
- C 64
- M 0
- Y 21
- K 1
CMYK color chart

● #5afcc6 color description : Soft cyan - lime green.

The hexadecimal color #5afcc6 has RGB values of R:90, G:252, B:198 and CMYK values of C:0.64, M:0, Y:0.21, K:0.01. Its decimal value is 5962950.

Hex triplet	5afcc6	`#5afcc6`
RGB Decimal	90, 252, 198	`rgb(90,252,198)`
RGB Percent	35.3, 98.8, 77.6	`rgb(35.3%,98.8%,77.6%)`
CMYK	64, 0, 21, 1
HSL	160°, 96.4, 67.1	`hsl(160,96.4%,67.1%)`
HSV (or HSB)	160°, 64.3, 98.8
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.798, -54.518, 13.6
XYZ	49.216, 75.867, 65.473
xyY	0.258, 0.398, 75.867
CIE-LCH	89.798, 56.189, 165.993
CIE-LUV	89.798, -64.86, 29.356
Hunter-Lab	87.102, -51.569, 16.404
Binary	01011010, 11111100, 11000110

#5afcc6
```
#5afcc6 rgb(90,252,198)
```
#fc5a90
```
#fc5a90 rgb(252,90,144)
```

Complementary Color

#5afc75
```
#5afc75 rgb(90,252,117)
```
#5afcc6
```
#5afcc6 rgb(90,252,198)
```
#5ae1fc
```
#5ae1fc rgb(90,225,252)
```

Analogous Color

#fc755a
```
#fc755a rgb(252,117,90)
```
#5afcc6
```
#5afcc6 rgb(90,252,198)
```
#fc5ae1
```
#fc5ae1 rgb(252,90,225)
```

Split Complementary Color

#fcc65a
```
#fcc65a rgb(252,198,90)
```
#5afcc6
```
#5afcc6 rgb(90,252,198)
```
#c65afc
```
#c65afc rgb(198,90,252)
```

Triadic Color

#90fc5a
```
#90fc5a rgb(144,252,90)
```
#5afcc6
```
#5afcc6 rgb(90,252,198)
```
#c65afc
```
#c65afc rgb(198,90,252)
```
#fc5a90
```
#fc5a90 rgb(252,90,144)
```

Tetradic Color

#0ffbac
```
#0ffbac rgb(15,251,172)
```
#28fbb5
```
#28fbb5 rgb(40,251,181)
```
#41fcbd
```
#41fcbd rgb(65,252,189)
```
#5afcc6
```
#5afcc6 rgb(90,252,198)
```
#73fccf
```
#73fccf rgb(115,252,207)
```
#8cfdd7
```
#8cfdd7 rgb(140,253,215)
```
#a5fde0
```
#a5fde0 rgb(165,253,224)
```

Monochromatic Color

Below, you can see some colors close to #5afcc6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#5afc9e
```
#5afc9e rgb(90,252,158)
```
#5afcab
```
#5afcab rgb(90,252,171)
```
#5afcb9
```
#5afcb9 rgb(90,252,185)
```
#5afcc6
```
#5afcc6 rgb(90,252,198)
```
#5afcd4
```
#5afcd4 rgb(90,252,212)
```
#5afce1
```
#5afce1 rgb(90,252,225)
```
#5afcef
```
#5afcef rgb(90,252,239)
```

Similar Colors

Text with hexadecimal color #5afcc6

This text has a font color of #5afcc6.

<span style="color:#5afcc6;">Text here</span>

#5afcc6 background color

This paragraph has a background color of #5afcc6.

<p style="background-color:#5afcc6;">Content here</p>

#5afcc6 border color

This element has a border color of #5afcc6.

<div style="border:1px solid #5afcc6;">Content here</div>

CSS codes

.text {color:#5afcc6;}

.background {background-color:#5afcc6;}

.border {border:1px solid #5afcc6;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000806 is the darkest color, while #f4fffb is the lightest one.

#000806
```
#000806 rgb(0,8,6)
```
#011c13
```
#011c13 rgb(1,28,19)
```
#012f20
```
#012f20 rgb(1,47,32)
```
#01422d
```
#01422d rgb(1,66,45)
```
#025539
```
#025539 rgb(2,85,57)
```
#026946
```
#026946 rgb(2,105,70)
```
#027c53
```
#027c53 rgb(2,124,83)
```
#038f60
```
#038f60 rgb(3,143,96)
```
#03a36d
```
#03a36d rgb(3,163,109)
```
#03b67a
```
#03b67a rgb(3,182,122)
```
#04c987
```
#04c987 rgb(4,201,135)
```
#04dc94
```
#04dc94 rgb(4,220,148)
```
#04f0a1
```
#04f0a1 rgb(4,240,161)
```

Shade Color Variation

#0dfbab
```
#0dfbab rgb(13,251,171)
```
#20fbb2
```
#20fbb2 rgb(32,251,178)
```
#33fbb9
```
#33fbb9 rgb(51,251,185)
```
#47fcbf
```
#47fcbf rgb(71,252,191)
```
#5afcc6
```
#5afcc6 rgb(90,252,198)
```
#6dfccd
```
#6dfccd rgb(109,252,205)
```
#81fdd3
```
#81fdd3 rgb(129,253,211)
```
#94fdda
```
#94fdda rgb(148,253,218)
```
#a7fde1
```
#a7fde1 rgb(167,253,225)
```
#bafee7
```
#bafee7 rgb(186,254,231)
```
#cefeee
```
#cefeee rgb(206,254,238)
```
#e1fef5
```
#e1fef5 rgb(225,254,245)
```
#f4fffb
```
#f4fffb rgb(244,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a8aeac is the less saturated color, while #5afcc6 is the most saturated one.

#a8aeac
```
#a8aeac rgb(168,174,172)
```
#a1b5ae
```
#a1b5ae rgb(161,181,174)
```
#9bbbb0
```
#9bbbb0 rgb(155,187,176)
```
#94c2b3
```
#94c2b3 rgb(148,194,179)
```
#8ec8b5
```
#8ec8b5 rgb(142,200,181)
```
#87cfb7
```
#87cfb7 rgb(135,207,183)
```
#81d5b9
```
#81d5b9 rgb(129,213,185)
```
#7adcbb
```
#7adcbb rgb(122,220,187)
```
#74e2bd
```
#74e2bd rgb(116,226,189)
```
#6de9c0
```
#6de9c0 rgb(109,233,192)
```
#67efc2
```
#67efc2 rgb(103,239,194)
```
#60f6c4
```
#60f6c4 rgb(96,246,196)
```
#5afcc6
```
#5afcc6 rgb(90,252,198)
```

Tone Color Variation

Below, you can see how #5afcc6 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#c5c5c5 Achromatopsia 0.005% of the population
#b0d0c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe2bd Protanopia 1% of men
#fedbd4 Deuteranopia 1% of men
#9bf0ff Tritanopia 0.001% of the population

Trichromacy

#b9ebc0 Protanomaly 1% of men, 0.01% of women
#c2e7ce Deuteranomaly 6% of men, 0.4% of women
#83f4ea Tritanomaly 0.01% of the population