#5ae6b2 hex color

In a RGB color space, hex #5ae6b2 is composed of 35.3% red, 90.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 0% magenta, 22.6% yellow and 9.8% black. It has a hue angle of 157.7 degrees, a saturation of 73.7% and a lightness of 62.7%. #5ae6b2 color hex could be obtained by blending #b4ffff with #00cd65. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 90
- B 70
RGB color chart
- C 61
- M 0
- Y 23
- K 10
CMYK color chart

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

The hexadecimal color #5ae6b2 has RGB values of R:90, G:230, B:178 and CMYK values of C:0.61, M:0, Y:0.23, K:0.1. Its decimal value is 5957298.

Hex triplet	5ae6b2	`#5ae6b2`
RGB Decimal	90, 230, 178	`rgb(90,230,178)`
RGB Percent	35.3, 90.2, 69.8	`rgb(35.3%,90.2%,69.8%)`
CMYK	61, 0, 23, 10
HSL	157.7°, 73.7, 62.7	`hsl(157.7,73.7%,62.7%)`
HSV (or HSB)	157.7°, 60.9, 90.2
Web Safe	66ff99	`#66ff99`

CIE-LAB	82.902, -49.909, 14.247
XYZ	40.546, 61.978, 51.943
xyY	0.262, 0.401, 61.978
CIE-LCH	82.902, 51.903, 164.069
CIE-LUV	82.902, -57.993, 29.128
Hunter-Lab	78.726, -45.839, 15.989
Binary	01011010, 11100110, 10110010

#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#e65a8e
```
#e65a8e rgb(230,90,142)
```

Complementary Color

#5ae66c
```
#5ae66c rgb(90,230,108)
```
#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#5ad4e6
```
#5ad4e6 rgb(90,212,230)
```

Analogous Color

#e66c5a
```
#e66c5a rgb(230,108,90)
```
#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#e65ad4
```
#e65ad4 rgb(230,90,212)
```

Split Complementary Color

#e6b25a
```
#e6b25a rgb(230,178,90)
```
#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#b25ae6
```
#b25ae6 rgb(178,90,230)
```

Triadic Color

#8ee65a
```
#8ee65a rgb(142,230,90)
```
#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#b25ae6
```
#b25ae6 rgb(178,90,230)
```
#e65a8e
```
#e65a8e rgb(230,90,142)
```

Tetradic Color

#20d391
```
#20d391 rgb(32,211,145)
```
#2edf9d
```
#2edf9d rgb(46,223,157)
```
#44e3a8
```
#44e3a8 rgb(68,227,168)
```
#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#70e9bc
```
#70e9bc rgb(112,233,188)
```
#86edc7
```
#86edc7 rgb(134,237,199)
```
#9cf0d1
```
#9cf0d1 rgb(156,240,209)
```

Monochromatic Color

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

#5ae68f
```
#5ae68f rgb(90,230,143)
```
#5ae69b
```
#5ae69b rgb(90,230,155)
```
#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#5ae6be
```
#5ae6be rgb(90,230,190)
```
#5ae6c9
```
#5ae6c9 rgb(90,230,201)
```
#5ae6d5
```
#5ae6d5 rgb(90,230,213)
```

Similar Colors

Text with hexadecimal color #5ae6b2

This text has a font color of #5ae6b2.

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

#5ae6b2 background color

This paragraph has a background color of #5ae6b2.

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

#5ae6b2 border color

This element has a border color of #5ae6b2.

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

CSS codes

.text {color:#5ae6b2;}

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

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

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, #010504 is the darkest color, while #f3fdfa is the lightest one.

#010504
```
#010504 rgb(1,5,4)
```
#03160f
```
#03160f rgb(3,22,15)
```
#06271b
```
#06271b rgb(6,39,27)
```
#093827
```
#093827 rgb(9,56,39)
```
#0b4932
```
#0b4932 rgb(11,73,50)
```
#0e5b3e
```
#0e5b3e rgb(14,91,62)
```
#106c4a
```
#106c4a rgb(16,108,74)
```
#137d55
```
#137d55 rgb(19,125,85)
```
#158e61
```
#158e61 rgb(21,142,97)
```
#189f6d
```
#189f6d rgb(24,159,109)
```
#1bb078
```
#1bb078 rgb(27,176,120)
```
#1dc184
```
#1dc184 rgb(29,193,132)
```
#20d290
```
#20d290 rgb(32,210,144)
```

Shade Color Variation

#27de9a
```
#27de9a rgb(39,222,154)
```
#38e1a2
```
#38e1a2 rgb(56,225,162)
```
#49e3aa
```
#49e3aa rgb(73,227,170)
```
#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#6be9ba
```
#6be9ba rgb(107,233,186)
```
#7cebc2
```
#7cebc2 rgb(124,235,194)
```
#8deeca
```
#8deeca rgb(141,238,202)
```
#9ef0d2
```
#9ef0d2 rgb(158,240,210)
```
#aff3da
```
#aff3da rgb(175,243,218)
```
#c0f5e2
```
#c0f5e2 rgb(192,245,226)
```
#d1f8ea
```
#d1f8ea rgb(209,248,234)
```
#e2fbf2
```
#e2fbf2 rgb(226,251,242)
```
#f3fdfa
```
#f3fdfa rgb(243,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca4a1 is the less saturated color, while #44fcb8 is the most saturated one.

#9ca4a1
```
#9ca4a1 rgb(156,164,161)
```
#94aca3
```
#94aca3 rgb(148,172,163)
```
#8db3a5
```
#8db3a5 rgb(141,179,165)
```
#86baa7
```
#86baa7 rgb(134,186,167)
```
#7fc1a9
```
#7fc1a9 rgb(127,193,169)
```
#77c9aa
```
#77c9aa rgb(119,201,170)
```
#70d0ac
```
#70d0ac rgb(112,208,172)
```
#69d7ae
```
#69d7ae rgb(105,215,174)
```
#61dfb0
```
#61dfb0 rgb(97,223,176)
```
#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#53edb4
```
#53edb4 rgb(83,237,180)
```
#4bf5b6
```
#4bf5b6 rgb(75,245,182)
```
#44fcb8
```
#44fcb8 rgb(68,252,184)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a4c0b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd0ab Protanopia 1% of men
#eacac0 Deuteranopia 1% of men
#7bdfef Tritanopia 0.001% of the population

Trichromacy

#add8ad Protanomaly 1% of men, 0.01% of women
#b6d4ba Deuteranomaly 6% of men, 0.4% of women
#6fe1d9 Tritanomaly 0.01% of the population

#5ae6b2 hex color

#5ae6b2 Color Information

#5ae6b2 Color Conversion

Color Schemes with #5ae6b2

Alternatives to #5ae6b2

#5ae6b2 Preview

Shades and Tints of #5ae6b2

Tones of #5ae6b2

Color Blindness Simulator