#5ae4c4 hex color

In a RGB color space, hex #5ae4c4 is composed of 35.3% red, 89.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 0% magenta, 14% yellow and 10.6% black. It has a hue angle of 166.1 degrees, a saturation of 71.9% and a lightness of 62.4%. #5ae4c4 color hex could be obtained by blending #b4ffff with #00c989. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 89
- B 77
RGB color chart
- C 61
- M 0
- Y 14
- K 11
CMYK color chart

● #5ae4c4 color description : Soft cyan.

The hexadecimal color #5ae4c4 has RGB values of R:90, G:228, B:196 and CMYK values of C:0.61, M:0, Y:0.14, K:0.11. Its decimal value is 5956804.

Hex triplet	5ae4c4	`#5ae4c4`
RGB Decimal	90, 228, 196	`rgb(90,228,196)`
RGB Percent	35.3, 89.4, 76.9	`rgb(35.3%,89.4%,76.9%)`
CMYK	61, 0, 14, 11
HSL	166.1°, 71.9, 62.4	`hsl(166.1,71.9%,62.4%)`
HSV (or HSB)	166.1°, 60.5, 89.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.723, -44.933, 4.521
XYZ	41.92, 61.643, 61.911
xyY	0.253, 0.373, 61.643
CIE-LCH	82.723, 45.16, 174.254
CIE-LUV	82.723, -56.265, 14.114
Hunter-Lab	78.513, -42.091, 8.206
Binary	01011010, 11100100, 11000100

#5ae4c4
```
#5ae4c4 rgb(90,228,196)
```
#e45a7a
```
#e45a7a rgb(228,90,122)
```

Complementary Color

#5ae47f
```
#5ae47f rgb(90,228,127)
```
#5ae4c4
```
#5ae4c4 rgb(90,228,196)
```
#5abfe4
```
#5abfe4 rgb(90,191,228)
```

Analogous Color

#e47f5a
```
#e47f5a rgb(228,127,90)
```
#5ae4c4
```
#5ae4c4 rgb(90,228,196)
```
#e45abf
```
#e45abf rgb(228,90,191)
```

Split Complementary Color

#e4c45a
```
#e4c45a rgb(228,196,90)
```
#5ae4c4
```
#5ae4c4 rgb(90,228,196)
```
#c45ae4
```
#c45ae4 rgb(196,90,228)
```

Triadic Color

#7ae45a
```
#7ae45a rgb(122,228,90)
```
#5ae4c4
```
#5ae4c4 rgb(90,228,196)
```
#c45ae4
```
#c45ae4 rgb(196,90,228)
```
#e45a7a
```
#e45a7a rgb(228,90,122)
```

Tetradic Color

#22d0a7
```
#22d0a7 rgb(34,208,167)
```
#2eddb4
```
#2eddb4 rgb(46,221,180)
```
#44e0bc
```
#44e0bc rgb(68,224,188)
```
#5ae4c4
```
#5ae4c4 rgb(90,228,196)
```
#70e8cc
```
#70e8cc rgb(112,232,204)
```
#86ebd4
```
#86ebd4 rgb(134,235,212)
```
#9cefdc
```
#9cefdc rgb(156,239,220)
```

Monochromatic Color

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

#5ae4a2
```
#5ae4a2 rgb(90,228,162)
```
#5ae4ad
```
#5ae4ad rgb(90,228,173)
```
#5ae4b9
```
#5ae4b9 rgb(90,228,185)
```
#5ae4c4
```
#5ae4c4 rgb(90,228,196)
```
#5ae4d0
```
#5ae4d0 rgb(90,228,208)
```
#5ae4db
```
#5ae4db rgb(90,228,219)
```
#5ae2e4
```
#5ae2e4 rgb(90,226,228)
```

Similar Colors

Text with hexadecimal color #5ae4c4

This text has a font color of #5ae4c4.

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

#5ae4c4 background color

This paragraph has a background color of #5ae4c4.

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

#5ae4c4 border color

This element has a border color of #5ae4c4.

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

CSS codes

.text {color:#5ae4c4;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#031410
```
#031410 rgb(3,20,16)
```
#06251e
```
#06251e rgb(6,37,30)
```
#09362c
```
#09362c rgb(9,54,44)
```
#0c4739
```
#0c4739 rgb(12,71,57)
```
#0e5847
```
#0e5847 rgb(14,88,71)
```
#116954
```
#116954 rgb(17,105,84)
```
#147a62
```
#147a62 rgb(20,122,98)
```
#178a70
```
#178a70 rgb(23,138,112)
```
#199b7d
```
#199b7d rgb(25,155,125)
```
#1cac8b
```
#1cac8b rgb(28,172,139)
```
#1fbd98
```
#1fbd98 rgb(31,189,152)
```
#22cea6
```
#22cea6 rgb(34,206,166)
```

Shade Color Variation

#27dcb2
```
#27dcb2 rgb(39,220,178)
```
#38deb8
```
#38deb8 rgb(56,222,184)
```
#49e1be
```
#49e1be rgb(73,225,190)
```
#5ae4c4
```
#5ae4c4 rgb(90,228,196)
```
#6be7ca
```
#6be7ca rgb(107,231,202)
```
#7cead0
```
#7cead0 rgb(124,234,208)
```
#8decd6
```
#8decd6 rgb(141,236,214)
```
#9defdc
```
#9defdc rgb(157,239,220)
```
#aef2e2
```
#aef2e2 rgb(174,242,226)
```
#bff5e8
```
#bff5e8 rgb(191,245,232)
```
#d0f7ee
```
#d0f7ee rgb(208,247,238)
```
#e1faf4
```
#e1faf4 rgb(225,250,244)
```
#f2fdfa
```
#f2fdfa rgb(242,253,250)
```

Tint Color Variation

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

#9ca2a0
```
#9ca2a0 rgb(156,162,160)
```
#95a9a4
```
#95a9a4 rgb(149,169,164)
```
#8eb0a8
```
#8eb0a8 rgb(142,176,168)
```
#86b8ac
```
#86b8ac rgb(134,184,172)
```
#7fbfb0
```
#7fbfb0 rgb(127,191,176)
```
#78c6b4
```
#78c6b4 rgb(120,198,180)
```
#70ceb8
```
#70ceb8 rgb(112,206,184)
```
#69d5bc
```
#69d5bc rgb(105,213,188)
```
#61ddc0
```
#61ddc0 rgb(97,221,192)
```
#5ae4c4
```
#5ae4c4 rgb(90,228,196)
```
#53ebc8
```
#53ebc8 rgb(83,235,200)
```
#4bf3cc
```
#4bf3cc rgb(75,243,204)
```
#44fad0
```
#44fad0 rgb(68,250,208)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a4c0ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cfbc Protanopia 1% of men
#e3cad0 Deuteranopia 1% of men
#75dfef Tritanopia 0.001% of the population

Trichromacy

#aad7bf Protanomaly 1% of men, 0.01% of women
#b1d3cb Deuteranomaly 6% of men, 0.4% of women
#6be1df Tritanomaly 0.01% of the population

#5ae4c4 hex color

#5ae4c4 Color Information

#5ae4c4 Color Conversion

Color Schemes with #5ae4c4

Alternatives to #5ae4c4

#5ae4c4 Preview

Shades and Tints of #5ae4c4

Tones of #5ae4c4

Color Blindness Simulator