#5ae1b2 hex color

In a RGB color space, hex #5ae1b2 is composed of 35.3% red, 88.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 20.9% yellow and 11.8% black. It has a hue angle of 159.1 degrees, a saturation of 69.2% and a lightness of 61.8%. #5ae1b2 color hex could be obtained by blending #b4ffff with #00c365. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 88
- B 70
RGB color chart
- C 60
- M 0
- Y 21
- K 12
CMYK color chart

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

The hexadecimal color #5ae1b2 has RGB values of R:90, G:225, B:178 and CMYK values of C:0.6, M:0, Y:0.21, K:0.12. Its decimal value is 5956018.

Hex triplet	5ae1b2	`#5ae1b2`
RGB Decimal	90, 225, 178	`rgb(90,225,178)`
RGB Percent	35.3, 88.2, 69.8	`rgb(35.3%,88.2%,69.8%)`
CMYK	60, 0, 21, 12
HSL	159.1°, 69.2, 61.8	`hsl(159.1,69.2%,61.8%)`
HSV (or HSB)	159.1°, 60, 88.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	81.421, -47.818, 12.153
XYZ	39.175, 59.235, 51.486
xyY	0.261, 0.395, 59.235
CIE-LCH	81.421, 49.338, 165.74
CIE-LUV	81.421, -56.14, 25.726
Hunter-Lab	76.964, -43.832, 14.212
Binary	01011010, 11100001, 10110010

#5ae1b2
```
#5ae1b2 rgb(90,225,178)
```
#e15a89
```
#e15a89 rgb(225,90,137)
```

Complementary Color

#5ae16f
```
#5ae16f rgb(90,225,111)
```
#5ae1b2
```
#5ae1b2 rgb(90,225,178)
```
#5acde1
```
#5acde1 rgb(90,205,225)
```

Analogous Color

#e16f5a
```
#e16f5a rgb(225,111,90)
```
#5ae1b2
```
#5ae1b2 rgb(90,225,178)
```
#e15acd
```
#e15acd rgb(225,90,205)
```

Split Complementary Color

#e1b25a
```
#e1b25a rgb(225,178,90)
```
#5ae1b2
```
#5ae1b2 rgb(90,225,178)
```
#b25ae1
```
#b25ae1 rgb(178,90,225)
```

Triadic Color

#89e15a
```
#89e15a rgb(137,225,90)
```
#5ae1b2
```
#5ae1b2 rgb(90,225,178)
```
#b25ae1
```
#b25ae1 rgb(178,90,225)
```
#e15a89
```
#e15a89 rgb(225,90,137)
```

Tetradic Color

#25ca90
```
#25ca90 rgb(37,202,144)
```
#2fd99e
```
#2fd99e rgb(47,217,158)
```
#44dda8
```
#44dda8 rgb(68,221,168)
```
#5ae1b2
```
#5ae1b2 rgb(90,225,178)
```
#70e5bc
```
#70e5bc rgb(112,229,188)
```
#85e9c6
```
#85e9c6 rgb(133,233,198)
```
#9bedd0
```
#9bedd0 rgb(155,237,208)
```

Monochromatic Color

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

#5ae190
```
#5ae190 rgb(90,225,144)
```
#5ae19c
```
#5ae19c rgb(90,225,156)
```
#5ae1a7
```
#5ae1a7 rgb(90,225,167)
```
#5ae1b2
```
#5ae1b2 rgb(90,225,178)
```
#5ae1bd
```
#5ae1bd rgb(90,225,189)
```
#5ae1c9
```
#5ae1c9 rgb(90,225,201)
```
#5ae1d4
```
#5ae1d4 rgb(90,225,212)
```

Similar Colors

Text with hexadecimal color #5ae1b2

This text has a font color of #5ae1b2.

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

#5ae1b2 background color

This paragraph has a background color of #5ae1b2.

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

#5ae1b2 border color

This element has a border color of #5ae1b2.

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

CSS codes

.text {color:#5ae1b2;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#03120d
```
#03120d rgb(3,18,13)
```
#062218
```
#062218 rgb(6,34,24)
```
#093324
```
#093324 rgb(9,51,36)
```
#0c4330
```
#0c4330 rgb(12,67,48)
```
#0f543c
```
#0f543c rgb(15,84,60)
```
#126548
```
#126548 rgb(18,101,72)
```
#157554
```
#157554 rgb(21,117,84)
```
#188660
```
#188660 rgb(24,134,96)
```
#1b966c
```
#1b966c rgb(27,150,108)
```
#1ea777
```
#1ea777 rgb(30,167,119)
```
#21b883
```
#21b883 rgb(33,184,131)
```
#24c88f
```
#24c88f rgb(36,200,143)
```

Shade Color Variation

#28d89b
```
#28d89b rgb(40,216,155)
```
#39dba3
```
#39dba3 rgb(57,219,163)
```
#49deaa
```
#49deaa rgb(73,222,170)
```
#5ae1b2
```
#5ae1b2 rgb(90,225,178)
```
#6be4ba
```
#6be4ba rgb(107,228,186)
```
#7be7c1
```
#7be7c1 rgb(123,231,193)
```
#8ceac9
```
#8ceac9 rgb(140,234,201)
```
#9cedd1
```
#9cedd1 rgb(156,237,209)
```
#adf0d9
```
#adf0d9 rgb(173,240,217)
```
#bef3e0
```
#bef3e0 rgb(190,243,224)
```
#cef6e8
```
#cef6e8 rgb(206,246,232)
```
#dff9f0
```
#dff9f0 rgb(223,249,240)
```
#effcf8
```
#effcf8 rgb(239,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a5a0 is the less saturated color, while #3cffbb is the most saturated one.

#96a5a0
```
#96a5a0 rgb(150,165,160)
```
#8fada2
```
#8fada2 rgb(143,173,162)
```
#87b4a4
```
#87b4a4 rgb(135,180,164)
```
#80bca7
```
#80bca7 rgb(128,188,167)
```
#78c3a9
```
#78c3a9 rgb(120,195,169)
```
#71cbab
```
#71cbab rgb(113,203,171)
```
#69d2ad
```
#69d2ad rgb(105,210,173)
```
#62dab0
```
#62dab0 rgb(98,218,176)
```
#5ae1b2
```
#5ae1b2 rgb(90,225,178)
```
#53e9b4
```
#53e9b4 rgb(83,233,180)
```
#4bf0b7
```
#4bf0b7 rgb(75,240,183)
```
#44f8b9
```
#44f8b9 rgb(68,248,185)
```
#3cffbb
```
#3cffbb rgb(60,255,187)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a1bcb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8ccab Protanopia 1% of men
#e5c6bf Deuteranopia 1% of men
#79dbeb Tritanopia 0.001% of the population

Trichromacy

#aad3ae Protanomaly 1% of men, 0.01% of women
#b2d0ba Deuteranomaly 6% of men, 0.4% of women
#6eddd6 Tritanomaly 0.01% of the population

#5ae1b2 hex color

#5ae1b2 Color Information

#5ae1b2 Color Conversion

Color Schemes with #5ae1b2

Alternatives to #5ae1b2

#5ae1b2 Preview

Shades and Tints of #5ae1b2

Tones of #5ae1b2

Color Blindness Simulator