#5afeb4 hex color

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

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

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

The hexadecimal color #5afeb4 has RGB values of R:90, G:254, B:180 and CMYK values of C:0.65, M:0, Y:0.29, K:0. Its decimal value is 5963444.

Hex triplet	5afeb4	`#5afeb4`
RGB Decimal	90, 254, 180	`rgb(90,254,180)`
RGB Percent	35.3, 99.6, 70.6	`rgb(35.3%,99.6%,70.6%)`
CMYK	65, 0, 29, 0
HSL	152.9°, 98.8, 67.5	`hsl(152.9,98.8%,67.5%)`
HSV (or HSB)	152.9°, 64.6, 99.6
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.021, -59.11, 23.138
XYZ	47.893, 76.348, 55.39
xyY	0.267, 0.425, 76.348
CIE-LCH	90.021, 63.477, 158.623
CIE-LUV	90.021, -66.593, 43.504
Hunter-Lab	87.378, -55.072, 23.579
Binary	01011010, 11111110, 10110100

#5afeb4
```
#5afeb4 rgb(90,254,180)
```
#fe5aa4
```
#fe5aa4 rgb(254,90,164)
```

Complementary Color

#5afe62
```
#5afe62 rgb(90,254,98)
```
#5afeb4
```
#5afeb4 rgb(90,254,180)
```
#5af6fe
```
#5af6fe rgb(90,246,254)
```

Analogous Color

#fe625a
```
#fe625a rgb(254,98,90)
```
#5afeb4
```
#5afeb4 rgb(90,254,180)
```
#fe5af6
```
#fe5af6 rgb(254,90,246)
```

Split Complementary Color

#feb45a
```
#feb45a rgb(254,180,90)
```
#5afeb4
```
#5afeb4 rgb(90,254,180)
```
#b45afe
```
#b45afe rgb(180,90,254)
```

Triadic Color

#a4fe5a
```
#a4fe5a rgb(164,254,90)
```
#5afeb4
```
#5afeb4 rgb(90,254,180)
```
#b45afe
```
#b45afe rgb(180,90,254)
```
#fe5aa4
```
#fe5aa4 rgb(254,90,164)
```

Tetradic Color

#0efe91
```
#0efe91 rgb(14,254,145)
```
#27fe9d
```
#27fe9d rgb(39,254,157)
```
#41fea8
```
#41fea8 rgb(65,254,168)
```
#5afeb4
```
#5afeb4 rgb(90,254,180)
```
#73fec0
```
#73fec0 rgb(115,254,192)
```
#8dfecb
```
#8dfecb rgb(141,254,203)
```
#a6fed7
```
#a6fed7 rgb(166,254,215)
```

Monochromatic Color

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

#5afe8b
```
#5afe8b rgb(90,254,139)
```
#5afe99
```
#5afe99 rgb(90,254,153)
```
#5afea6
```
#5afea6 rgb(90,254,166)
```
#5afeb4
```
#5afeb4 rgb(90,254,180)
```
#5afec2
```
#5afec2 rgb(90,254,194)
```
#5afecf
```
#5afecf rgb(90,254,207)
```
#5afedd
```
#5afedd rgb(90,254,221)
```

Similar Colors

Text with hexadecimal color #5afeb4

This text has a font color of #5afeb4.

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

#5afeb4 background color

This paragraph has a background color of #5afeb4.

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

#5afeb4 border color

This element has a border color of #5afeb4.

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

CSS codes

.text {color:#5afeb4;}

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

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

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

#000a06
```
#000a06 rgb(0,10,6)
```
#001e11
```
#001e11 rgb(0,30,17)
```
#00311b
```
#00311b rgb(0,49,27)
```
#004526
```
#004526 rgb(0,69,38)
```
#015831
```
#015831 rgb(1,88,49)
```
#016c3c
```
#016c3c rgb(1,108,60)
```
#017f46
```
#017f46 rgb(1,127,70)
```
#019351
```
#019351 rgb(1,147,81)
```
#01a65c
```
#01a65c rgb(1,166,92)
```
#01ba67
```
#01ba67 rgb(1,186,103)
```
#01cd71
```
#01cd71 rgb(1,205,113)
```
#01e17c
```
#01e17c rgb(1,225,124)
```
#01f487
```
#01f487 rgb(1,244,135)
```

Shade Color Variation

#0cfe91
```
#0cfe91 rgb(12,254,145)
```
#20fe99
```
#20fe99 rgb(32,254,153)
```
#33fea2
```
#33fea2 rgb(51,254,162)
```
#47feab
```
#47feab rgb(71,254,171)
```
#5afeb4
```
#5afeb4 rgb(90,254,180)
```
#6dfebd
```
#6dfebd rgb(109,254,189)
```
#81fec6
```
#81fec6 rgb(129,254,198)
```
#94fecf
```
#94fecf rgb(148,254,207)
```
#a8fed7
```
#a8fed7 rgb(168,254,215)
```
#bbffe0
```
#bbffe0 rgb(187,255,224)
```
#cfffe9
```
#cfffe9 rgb(207,255,233)
```
#e2fff2
```
#e2fff2 rgb(226,255,242)
```
#f6fffb
```
#f6fffb rgb(246,255,251)
```

Tint Color Variation

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

#a7b1ad
```
#a7b1ad rgb(167,177,173)
```
#a0b8ad
```
#a0b8ad rgb(160,184,173)
```
#9abeae
```
#9abeae rgb(154,190,174)
```
#93c5ae
```
#93c5ae rgb(147,197,174)
```
#8dcbaf
```
#8dcbaf rgb(141,203,175)
```
#87d1b0
```
#87d1b0 rgb(135,209,176)
```
#80d8b0
```
#80d8b0 rgb(128,216,176)
```
#7adeb1
```
#7adeb1 rgb(122,222,177)
```
#74e4b2
```
#74e4b2 rgb(116,228,178)
```
#6debb2
```
#6debb2 rgb(109,235,178)
```
#67f1b3
```
#67f1b3 rgb(103,241,179)
```
#60f8b3
```
#60f8b3 rgb(96,248,179)
```
#5afeb4
```
#5afeb4 rgb(90,254,180)
```

Tone Color Variation

Below, you can see how #5afeb4 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
#b0d0c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e3ac Protanopia 1% of men
#ffddca Deuteranopia 1% of men
#9ff0ff Tritanopia 0.001% of the population

Trichromacy

#bbedaf Protanomaly 1% of men, 0.01% of women
#c3e9c2 Deuteranomaly 6% of men, 0.4% of women
#86f5e3 Tritanomaly 0.01% of the population

#5afeb4 hex color

#5afeb4 Color Information

#5afeb4 Color Conversion

Color Schemes with #5afeb4

Alternatives to #5afeb4

#5afeb4 Preview

Shades and Tints of #5afeb4

Tones of #5afeb4

Color Blindness Simulator