#5afeb2 hex color

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

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

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

The hexadecimal color #5afeb2 has RGB values of R:90, G:254, B:178 and CMYK values of C:0.65, M:0, Y:0.3, K:0. Its decimal value is 5963442.

Hex triplet	5afeb2	`#5afeb2`
RGB Decimal	90, 254, 178	`rgb(90,254,178)`
RGB Percent	35.3, 99.6, 69.8	`rgb(35.3%,99.6%,69.8%)`
CMYK	65, 0, 30, 0
HSL	152.2°, 98.8, 67.5	`hsl(152.2,98.8%,67.5%)`
HSV (or HSB)	152.2°, 64.6, 99.6
Web Safe	66ff99	`#66ff99`

CIE-LAB	89.983, -59.51, 24.103
XYZ	47.691, 76.267, 54.325
xyY	0.268, 0.428, 76.267
CIE-LCH	89.983, 64.206, 157.95
CIE-LUV	89.983, -66.703, 44.871
Hunter-Lab	87.331, -55.353, 24.25
Binary	01011010, 11111110, 10110010

#5afeb2
```
#5afeb2 rgb(90,254,178)
```
#fe5aa6
```
#fe5aa6 rgb(254,90,166)
```

Complementary Color

#5afe60
```
#5afe60 rgb(90,254,96)
```
#5afeb2
```
#5afeb2 rgb(90,254,178)
```
#5af8fe
```
#5af8fe rgb(90,248,254)
```

Analogous Color

#fe605a
```
#fe605a rgb(254,96,90)
```
#5afeb2
```
#5afeb2 rgb(90,254,178)
```
#fe5af8
```
#fe5af8 rgb(254,90,248)
```

Split Complementary Color

#feb25a
```
#feb25a rgb(254,178,90)
```
#5afeb2
```
#5afeb2 rgb(90,254,178)
```
#b25afe
```
#b25afe rgb(178,90,254)
```

Triadic Color

#a6fe5a
```
#a6fe5a rgb(166,254,90)
```
#5afeb2
```
#5afeb2 rgb(90,254,178)
```
#b25afe
```
#b25afe rgb(178,90,254)
```
#fe5aa6
```
#fe5aa6 rgb(254,90,166)
```

Tetradic Color

#0efe8f
```
#0efe8f rgb(14,254,143)
```
#27fe9a
```
#27fe9a rgb(39,254,154)
```
#41fea6
```
#41fea6 rgb(65,254,166)
```
#5afeb2
```
#5afeb2 rgb(90,254,178)
```
#73febe
```
#73febe rgb(115,254,190)
```
#8dfeca
```
#8dfeca rgb(141,254,202)
```
#a6fed5
```
#a6fed5 rgb(166,254,213)
```

Monochromatic Color

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

#5afe89
```
#5afe89 rgb(90,254,137)
```
#5afe97
```
#5afe97 rgb(90,254,151)
```
#5afea4
```
#5afea4 rgb(90,254,164)
```
#5afeb2
```
#5afeb2 rgb(90,254,178)
```
#5afec0
```
#5afec0 rgb(90,254,192)
```
#5afecd
```
#5afecd rgb(90,254,205)
```
#5afedb
```
#5afedb rgb(90,254,219)
```

Similar Colors

Text with hexadecimal color #5afeb2

This text has a font color of #5afeb2.

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

#5afeb2 background color

This paragraph has a background color of #5afeb2.

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

#5afeb2 border color

This element has a border color of #5afeb2.

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

CSS codes

.text {color:#5afeb2;}

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

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

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)
```
#001e10
```
#001e10 rgb(0,30,16)
```
#00311b
```
#00311b rgb(0,49,27)
```
#004525
```
#004525 rgb(0,69,37)
```
#015830
```
#015830 rgb(1,88,48)
```
#016c3a
```
#016c3a rgb(1,108,58)
```
#017f45
```
#017f45 rgb(1,127,69)
```
#01934f
```
#01934f rgb(1,147,79)
```
#01a65a
```
#01a65a rgb(1,166,90)
```
#01ba64
```
#01ba64 rgb(1,186,100)
```
#01cd6f
```
#01cd6f rgb(1,205,111)
```
#01e179
```
#01e179 rgb(1,225,121)
```
#01f484
```
#01f484 rgb(1,244,132)
```

Shade Color Variation

#0cfe8e
```
#0cfe8e rgb(12,254,142)
```
#20fe97
```
#20fe97 rgb(32,254,151)
```
#33fea0
```
#33fea0 rgb(51,254,160)
```
#47fea9
```
#47fea9 rgb(71,254,169)
```
#5afeb2
```
#5afeb2 rgb(90,254,178)
```
#6dfebb
```
#6dfebb rgb(109,254,187)
```
#81fec4
```
#81fec4 rgb(129,254,196)
```
#94fecd
```
#94fecd rgb(148,254,205)
```
#a8fed6
```
#a8fed6 rgb(168,254,214)
```
#bbffdf
```
#bbffdf rgb(187,255,223)
```
#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, #a7b1ac is the less saturated color, while #5afeb2 is the most saturated one.

#a7b1ac
```
#a7b1ac rgb(167,177,172)
```
#a0b8ad
```
#a0b8ad rgb(160,184,173)
```
#9abead
```
#9abead rgb(154,190,173)
```
#93c5ae
```
#93c5ae rgb(147,197,174)
```
#8dcbae
```
#8dcbae rgb(141,203,174)
```
#87d1af
```
#87d1af rgb(135,209,175)
```
#80d8af
```
#80d8af rgb(128,216,175)
```
#7adeb0
```
#7adeb0 rgb(122,222,176)
```
#74e4b0
```
#74e4b0 rgb(116,228,176)
```
#6debb1
```
#6debb1 rgb(109,235,177)
```
#67f1b1
```
#67f1b1 rgb(103,241,177)
```
#60f8b2
```
#60f8b2 rgb(96,248,178)
```
#5afeb2
```
#5afeb2 rgb(90,254,178)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#afd0c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e3aa Protanopia 1% of men
#ffddc9 Deuteranopia 1% of men
#9ff0ff Tritanopia 0.001% of the population

Trichromacy

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

#5afeb2 hex color

#5afeb2 Color Information

#5afeb2 Color Conversion

Color Schemes with #5afeb2

Alternatives to #5afeb2

#5afeb2 Preview

Shades and Tints of #5afeb2

Tones of #5afeb2

Color Blindness Simulator