#5afec4 hex color

In a RGB color space, hex #5afec4 is composed of 35.3% red, 99.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 0% magenta, 22.8% yellow and 0.4% black. It has a hue angle of 158.8 degrees, a saturation of 98.8% and a lightness of 67.5%. #5afec4 color hex could be obtained by blending #b4ffff with #00fd89. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 100
- B 77
RGB color chart
- C 65
- M 0
- Y 23
- K 0
CMYK color chart

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

The hexadecimal color #5afec4 has RGB values of R:90, G:254, B:196 and CMYK values of C:0.65, M:0, Y:0.23, K:0. Its decimal value is 5963460.

Hex triplet	5afec4	`#5afec4`
RGB Decimal	90, 254, 196	`rgb(90,254,196)`
RGB Percent	35.3, 99.6, 76.9	`rgb(35.3%,99.6%,76.9%)`
CMYK	65, 0, 23, 0
HSL	158.8°, 98.8, 67.5	`hsl(158.8,98.8%,67.5%)`
HSV (or HSB)	158.8°, 64.6, 99.6
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.339, -55.762, 15.395
XYZ	49.618, 77.038, 64.476
xyY	0.26, 0.403, 77.038
CIE-LCH	90.339, 57.848, 164.566
CIE-LUV	90.339, -65.689, 32.176
Hunter-Lab	87.772, -52.692, 17.886
Binary	01011010, 11111110, 11000100

#5afec4
```
#5afec4 rgb(90,254,196)
```
#fe5a94
```
#fe5a94 rgb(254,90,148)
```

Complementary Color

#5afe72
```
#5afe72 rgb(90,254,114)
```
#5afec4
```
#5afec4 rgb(90,254,196)
```
#5ae6fe
```
#5ae6fe rgb(90,230,254)
```

Analogous Color

#fe725a
```
#fe725a rgb(254,114,90)
```
#5afec4
```
#5afec4 rgb(90,254,196)
```
#fe5ae6
```
#fe5ae6 rgb(254,90,230)
```

Split Complementary Color

#fec45a
```
#fec45a rgb(254,196,90)
```
#5afec4
```
#5afec4 rgb(90,254,196)
```
#c45afe
```
#c45afe rgb(196,90,254)
```

Triadic Color

#94fe5a
```
#94fe5a rgb(148,254,90)
```
#5afec4
```
#5afec4 rgb(90,254,196)
```
#c45afe
```
#c45afe rgb(196,90,254)
```
#fe5a94
```
#fe5a94 rgb(254,90,148)
```

Tetradic Color

#0efea9
```
#0efea9 rgb(14,254,169)
```
#27feb2
```
#27feb2 rgb(39,254,178)
```
#41febb
```
#41febb rgb(65,254,187)
```
#5afec4
```
#5afec4 rgb(90,254,196)
```
#73fecd
```
#73fecd rgb(115,254,205)
```
#8dfed6
```
#8dfed6 rgb(141,254,214)
```
#a6fedf
```
#a6fedf rgb(166,254,223)
```

Monochromatic Color

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

#5afe9b
```
#5afe9b rgb(90,254,155)
```
#5afea9
```
#5afea9 rgb(90,254,169)
```
#5afeb6
```
#5afeb6 rgb(90,254,182)
```
#5afec4
```
#5afec4 rgb(90,254,196)
```
#5afed2
```
#5afed2 rgb(90,254,210)
```
#5afedf
```
#5afedf rgb(90,254,223)
```
#5afeed
```
#5afeed rgb(90,254,237)
```

Similar Colors

Text with hexadecimal color #5afec4

This text has a font color of #5afec4.

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

#5afec4 background color

This paragraph has a background color of #5afec4.

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

#5afec4 border color

This element has a border color of #5afec4.

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

CSS codes

.text {color:#5afec4;}

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

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

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, #000a07 is the darkest color, while #f6fffc is the lightest one.

#000a07
```
#000a07 rgb(0,10,7)
```
#001e13
```
#001e13 rgb(0,30,19)
```
#003120
```
#003120 rgb(0,49,32)
```
#00452d
```
#00452d rgb(0,69,45)
```
#015839
```
#015839 rgb(1,88,57)
```
#016c46
```
#016c46 rgb(1,108,70)
```
#017f53
```
#017f53 rgb(1,127,83)
```
#01935f
```
#01935f rgb(1,147,95)
```
#01a66c
```
#01a66c rgb(1,166,108)
```
#01ba79
```
#01ba79 rgb(1,186,121)
```
#01cd85
```
#01cd85 rgb(1,205,133)
```
#01e192
```
#01e192 rgb(1,225,146)
```
#01f49f
```
#01f49f rgb(1,244,159)
```

Shade Color Variation

#0cfea8
```
#0cfea8 rgb(12,254,168)
```
#20feaf
```
#20feaf rgb(32,254,175)
```
#33feb6
```
#33feb6 rgb(51,254,182)
```
#47febd
```
#47febd rgb(71,254,189)
```
#5afec4
```
#5afec4 rgb(90,254,196)
```
#6dfecb
```
#6dfecb rgb(109,254,203)
```
#81fed2
```
#81fed2 rgb(129,254,210)
```
#94fed9
```
#94fed9 rgb(148,254,217)
```
#a8fee0
```
#a8fee0 rgb(168,254,224)
```
#bbffe7
```
#bbffe7 rgb(187,255,231)
```
#cfffee
```
#cfffee rgb(207,255,238)
```
#e2fff5
```
#e2fff5 rgb(226,255,245)
```
#f6fffc
```
#f6fffc rgb(246,255,252)
```

Tint Color Variation

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

#a7b1ae
```
#a7b1ae rgb(167,177,174)
```
#a0b8af
```
#a0b8af rgb(160,184,175)
```
#9abeb1
```
#9abeb1 rgb(154,190,177)
```
#93c5b3
```
#93c5b3 rgb(147,197,179)
```
#8dcbb5
```
#8dcbb5 rgb(141,203,181)
```
#87d1b7
```
#87d1b7 rgb(135,209,183)
```
#80d8b9
```
#80d8b9 rgb(128,216,185)
```
#7adebb
```
#7adebb rgb(122,222,187)
```
#74e4bd
```
#74e4bd rgb(116,228,189)
```
#6debbe
```
#6debbe rgb(109,235,190)
```
#67f1c0
```
#67f1c0 rgb(103,241,192)
```
#60f8c2
```
#60f8c2 rgb(96,248,194)
```
#5afec4
```
#5afec4 rgb(90,254,196)
```

Tone Color Variation

Below, you can see how #5afec4 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

#c6c6c6 Achromatopsia 0.005% of the population
#b0d1c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e4bb Protanopia 1% of men
#ffddd3 Deuteranopia 1% of men
#a2f1ff Tritanopia 0.001% of the population

Trichromacy

#baedbe Protanomaly 1% of men, 0.01% of women
#c3e9ce Deuteranomaly 6% of men, 0.4% of women
#88f5e9 Tritanomaly 0.01% of the population

#5afec4 hex color

#5afec4 Color Information

#5afec4 Color Conversion

Color Schemes with #5afec4

Alternatives to #5afec4

#5afec4 Preview

Shades and Tints of #5afec4

Tones of #5afec4

Color Blindness Simulator