#5ae4fe hex color

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

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

● #5ae4fe color description : Soft cyan.

The hexadecimal color #5ae4fe has RGB values of R:90, G:228, B:254 and CMYK values of C:0.65, M:0.1, Y:0, K:0. Its decimal value is 5956862.

Hex triplet	5ae4fe	`#5ae4fe`
RGB Decimal	90, 228, 254	`rgb(90,228,254)`
RGB Percent	35.3, 89.4, 99.6	`rgb(35.3%,89.4%,99.6%)`
CMYK	65, 10, 0, 0
HSL	189.5°, 98.8, 67.5	`hsl(189.5,98.8%,67.5%)`
HSV (or HSB)	189.5°, 64.6, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.387, -29.494, -23.658
XYZ	49.844, 64.812, 103.644
xyY	0.228, 0.297, 64.812
CIE-LCH	84.387, 37.81, 218.735
CIE-LUV	84.387, -52.948, -33.713
Hunter-Lab	80.506, -30.369, -19.976
Binary	01011010, 11100100, 11111110

#5ae4fe
```
#5ae4fe rgb(90,228,254)
```
#fe745a
```
#fe745a rgb(254,116,90)
```

Complementary Color

#5afec6
```
#5afec6 rgb(90,254,198)
```
#5ae4fe
```
#5ae4fe rgb(90,228,254)
```
#5a92fe
```
#5a92fe rgb(90,146,254)
```

Analogous Color

#fec65a
```
#fec65a rgb(254,198,90)
```
#5ae4fe
```
#5ae4fe rgb(90,228,254)
```
#fe5a92
```
#fe5a92 rgb(254,90,146)
```

Split Complementary Color

#e4fe5a
```
#e4fe5a rgb(228,254,90)
```
#5ae4fe
```
#5ae4fe rgb(90,228,254)
```
#fe5ae4
```
#fe5ae4 rgb(254,90,228)
```

Triadic Color

#5afe74
```
#5afe74 rgb(90,254,116)
```
#5ae4fe
```
#5ae4fe rgb(90,228,254)
```
#fe5ae4
```
#fe5ae4 rgb(254,90,228)
```
#fe745a
```
#fe745a rgb(254,116,90)
```

Tetradic Color

#0ed8fe
```
#0ed8fe rgb(14,216,254)
```
#27dcfe
```
#27dcfe rgb(39,220,254)
```
#41e0fe
```
#41e0fe rgb(65,224,254)
```
#5ae4fe
```
#5ae4fe rgb(90,228,254)
```
#73e8fe
```
#73e8fe rgb(115,232,254)
```
#8decfe
```
#8decfe rgb(141,236,254)
```
#a6f0fe
```
#a6f0fe rgb(166,240,254)
```

Monochromatic Color

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

#5afeef
```
#5afeef rgb(90,254,239)
```
#5afefd
```
#5afefd rgb(90,254,253)
```
#5af2fe
```
#5af2fe rgb(90,242,254)
```
#5ae4fe
```
#5ae4fe rgb(90,228,254)
```
#5ad6fe
```
#5ad6fe rgb(90,214,254)
```
#5ac9fe
```
#5ac9fe rgb(90,201,254)
```
#5abbfe
```
#5abbfe rgb(90,187,254)
```

Similar Colors

Text with hexadecimal color #5ae4fe

This text has a font color of #5ae4fe.

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

#5ae4fe background color

This paragraph has a background color of #5ae4fe.

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

#5ae4fe border color

This element has a border color of #5ae4fe.

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

CSS codes

.text {color:#5ae4fe;}

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

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

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, #00090a is the darkest color, while #f6feff is the lightest one.

#00090a
```
#00090a rgb(0,9,10)
```
#00191e
```
#00191e rgb(0,25,30)
```
#002a31
```
#002a31 rgb(0,42,49)
```
#003a45
```
#003a45 rgb(0,58,69)
```
#014b58
```
#014b58 rgb(1,75,88)
```
#015b6c
```
#015b6c rgb(1,91,108)
```
#016b7f
```
#016b7f rgb(1,107,127)
```
#017c93
```
#017c93 rgb(1,124,147)
```
#018ca6
```
#018ca6 rgb(1,140,166)
```
#019dba
```
#019dba rgb(1,157,186)
```
#01adcd
```
#01adcd rgb(1,173,205)
```
#01bde1
```
#01bde1 rgb(1,189,225)
```
#01cef4
```
#01cef4 rgb(1,206,244)
```

Shade Color Variation

#0cd7fe
```
#0cd7fe rgb(12,215,254)
```
#20dafe
```
#20dafe rgb(32,218,254)
```
#33defe
```
#33defe rgb(51,222,254)
```
#47e1fe
```
#47e1fe rgb(71,225,254)
```
#5ae4fe
```
#5ae4fe rgb(90,228,254)
```
#6de7fe
```
#6de7fe rgb(109,231,254)
```
#81eafe
```
#81eafe rgb(129,234,254)
```
#94eefe
```
#94eefe rgb(148,238,254)
```
#a8f1fe
```
#a8f1fe rgb(168,241,254)
```
#bbf4ff
```
#bbf4ff rgb(187,244,255)
```
#cff7ff
```
#cff7ff rgb(207,247,255)
```
#e2faff
```
#e2faff rgb(226,250,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a7b0b1 is the less saturated color, while #5ae4fe is the most saturated one.

#a7b0b1
```
#a7b0b1 rgb(167,176,177)
```
#a0b4b8
```
#a0b4b8 rgb(160,180,184)
```
#9ab8be
```
#9ab8be rgb(154,184,190)
```
#93bdc5
```
#93bdc5 rgb(147,189,197)
```
#8dc1cb
```
#8dc1cb rgb(141,193,203)
```
#87c5d1
```
#87c5d1 rgb(135,197,209)
```
#80cad8
```
#80cad8 rgb(128,202,216)
```
#7acede
```
#7acede rgb(122,206,222)
```
#74d3e4
```
#74d3e4 rgb(116,211,228)
```
#6dd7eb
```
#6dd7eb rgb(109,215,235)
```
#67dbf1
```
#67dbf1 rgb(103,219,241)
```
#60e0f8
```
#60e0f8 rgb(96,224,248)
```
#5ae4fe
```
#5ae4fe rgb(90,228,254)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#aac6cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ced3f2 Protanopia 1% of men
#cfd1ff Deuteranopia 1% of men
#5ee6f7 Tritanopia 0.001% of the population

Trichromacy

#a4d9f6 Protanomaly 1% of men, 0.01% of women
#a4d8fe Deuteranomaly 6% of men, 0.4% of women
#5ce5f9 Tritanomaly 0.01% of the population

#5ae4fe hex color

#5ae4fe Color Information

#5ae4fe Color Conversion

Color Schemes with #5ae4fe

Alternatives to #5ae4fe

#5ae4fe Preview

Shades and Tints of #5ae4fe

Tones of #5ae4fe

Color Blindness Simulator