#5ae7c4 hex color

In a RGB color space, hex #5ae7c4 is composed of 35.3% red, 90.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 0% magenta, 15.2% yellow and 9.4% black. It has a hue angle of 165.1 degrees, a saturation of 74.6% and a lightness of 62.9%. #5ae7c4 color hex could be obtained by blending #b4ffff with #00cf89. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 91
- B 77
RGB color chart
- C 61
- M 0
- Y 15
- K 9
CMYK color chart

● #5ae7c4 color description : Soft cyan.

The hexadecimal color #5ae7c4 has RGB values of R:90, G:231, B:196 and CMYK values of C:0.61, M:0, Y:0.15, K:0.09. Its decimal value is 5957572.

Hex triplet	5ae7c4	`#5ae7c4`
RGB Decimal	90, 231, 196	`rgb(90,231,196)`
RGB Percent	35.3, 90.6, 76.9	`rgb(35.3%,90.6%,76.9%)`
CMYK	61, 0, 15, 9
HSL	165.1°, 74.6, 62.9	`hsl(165.1,74.6%,62.9%)`
HSV (or HSB)	165.1°, 61, 90.6
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	83.604, -46.227, 5.793
XYZ	42.753, 63.307, 62.188
xyY	0.254, 0.376, 63.307
CIE-LCH	83.604, 46.589, 172.857
CIE-LUV	83.604, -57.368, 16.255
Hunter-Lab	79.566, -43.328, 9.356
Binary	01011010, 11100111, 11000100

#5ae7c4
```
#5ae7c4 rgb(90,231,196)
```
#e75a7d
```
#e75a7d rgb(231,90,125)
```

Complementary Color

#5ae77e
```
#5ae77e rgb(90,231,126)
```
#5ae7c4
```
#5ae7c4 rgb(90,231,196)
```
#5ac4e7
```
#5ac4e7 rgb(90,196,231)
```

Analogous Color

#e77e5a
```
#e77e5a rgb(231,126,90)
```
#5ae7c4
```
#5ae7c4 rgb(90,231,196)
```
#e75ac4
```
#e75ac4 rgb(231,90,196)
```

Split Complementary Color

#e7c45a
```
#e7c45a rgb(231,196,90)
```
#5ae7c4
```
#5ae7c4 rgb(90,231,196)
```
#c45ae7
```
#c45ae7 rgb(196,90,231)
```

Triadic Color

#7de75a
```
#7de75a rgb(125,231,90)
```
#5ae7c4
```
#5ae7c4 rgb(90,231,196)
```
#c45ae7
```
#c45ae7 rgb(196,90,231)
```
#e75a7d
```
#e75a7d rgb(231,90,125)
```

Tetradic Color

#1fd5a8
```
#1fd5a8 rgb(31,213,168)
```
#2de1b4
```
#2de1b4 rgb(45,225,180)
```
#44e4bc
```
#44e4bc rgb(68,228,188)
```
#5ae7c4
```
#5ae7c4 rgb(90,231,196)
```
#70eacc
```
#70eacc rgb(112,234,204)
```
#87edd4
```
#87edd4 rgb(135,237,212)
```
#9df1dc
```
#9df1dc rgb(157,241,220)
```

Monochromatic Color

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

#5ae7a1
```
#5ae7a1 rgb(90,231,161)
```
#5ae7ad
```
#5ae7ad rgb(90,231,173)
```
#5ae7b8
```
#5ae7b8 rgb(90,231,184)
```
#5ae7c4
```
#5ae7c4 rgb(90,231,196)
```
#5ae7d0
```
#5ae7d0 rgb(90,231,208)
```
#5ae7dc
```
#5ae7dc rgb(90,231,220)
```
#5ae7e7
```
#5ae7e7 rgb(90,231,231)
```

Similar Colors

Text with hexadecimal color #5ae7c4

This text has a font color of #5ae7c4.

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

#5ae7c4 background color

This paragraph has a background color of #5ae7c4.

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

#5ae7c4 border color

This element has a border color of #5ae7c4.

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

CSS codes

.text {color:#5ae7c4;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#031712
```
#031712 rgb(3,23,18)
```
#062820
```
#062820 rgb(6,40,32)
```
#083a2d
```
#083a2d rgb(8,58,45)
```
#0b4b3b
```
#0b4b3b rgb(11,75,59)
```
#0d5c48
```
#0d5c48 rgb(13,92,72)
```
#106d56
```
#106d56 rgb(16,109,86)
```
#127e63
```
#127e63 rgb(18,126,99)
```
#158f71
```
#158f71 rgb(21,143,113)
```
#17a07e
```
#17a07e rgb(23,160,126)
```
#1ab18c
```
#1ab18c rgb(26,177,140)
```
#1cc399
```
#1cc399 rgb(28,195,153)
```
#1fd4a7
```
#1fd4a7 rgb(31,212,167)
```

Shade Color Variation

#27e0b2
```
#27e0b2 rgb(39,224,178)
```
#38e2b8
```
#38e2b8 rgb(56,226,184)
```
#49e5be
```
#49e5be rgb(73,229,190)
```
#5ae7c4
```
#5ae7c4 rgb(90,231,196)
```
#6be9ca
```
#6be9ca rgb(107,233,202)
```
#7cecd0
```
#7cecd0 rgb(124,236,208)
```
#8deed6
```
#8deed6 rgb(141,238,214)
```
#9ef1dc
```
#9ef1dc rgb(158,241,220)
```
#b0f3e3
```
#b0f3e3 rgb(176,243,227)
```
#c1f6e9
```
#c1f6e9 rgb(193,246,233)
```
#d2f8ef
```
#d2f8ef rgb(210,248,239)
```
#e3fbf5
```
#e3fbf5 rgb(227,251,245)
```
#f4fdfb
```
#f4fdfb rgb(244,253,251)
```

Tint Color Variation

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

#9ba6a3
```
#9ba6a3 rgb(155,166,163)
```
#94ada7
```
#94ada7 rgb(148,173,167)
```
#8db4aa
```
#8db4aa rgb(141,180,170)
```
#86bbae
```
#86bbae rgb(134,187,174)
```
#7ec3b2
```
#7ec3b2 rgb(126,195,178)
```
#77cab5
```
#77cab5 rgb(119,202,181)
```
#70d1b9
```
#70d1b9 rgb(112,209,185)
```
#69d8bd
```
#69d8bd rgb(105,216,189)
```
#61e0c0
```
#61e0c0 rgb(97,224,192)
```
#5ae7c4
```
#5ae7c4 rgb(90,231,196)
```
#53eec8
```
#53eec8 rgb(83,238,200)
```
#4bf6cb
```
#4bf6cb rgb(75,246,203)
```
#44fdcf
```
#44fdcf rgb(68,253,207)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a6c2bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd2bc Protanopia 1% of men
#e6ccd0 Deuteranopia 1% of men
#77e1f2 Tritanopia 0.001% of the population

Trichromacy

#acd9bf Protanomaly 1% of men, 0.01% of women
#b3d6cc Deuteranomaly 6% of men, 0.4% of women
#6ce3e1 Tritanomaly 0.01% of the population

#5ae7c4 hex color

#5ae7c4 Color Information

#5ae7c4 Color Conversion

Color Schemes with #5ae7c4

Alternatives to #5ae7c4

#5ae7c4 Preview

Shades and Tints of #5ae7c4

Tones of #5ae7c4

Color Blindness Simulator