#5ae5fa hex color

In a RGB color space, hex #5ae5fa is composed of 35.3% red, 89.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 8.4% magenta, 0% yellow and 2% black. It has a hue angle of 187.9 degrees, a saturation of 94.1% and a lightness of 66.7%. #5ae5fa color hex could be obtained by blending #b4ffff with #00cbf5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 90
- B 98
RGB color chart
- C 64
- M 8
- Y 0
- K 2
CMYK color chart

● #5ae5fa color description : Soft cyan.

The hexadecimal color #5ae5fa has RGB values of R:90, G:229, B:250 and CMYK values of C:0.64, M:0.08, Y:0, K:0.02. Its decimal value is 5957114.

Hex triplet	5ae5fa	`#5ae5fa`
RGB Decimal	90, 229, 250	`rgb(90,229,250)`
RGB Percent	35.3, 89.8, 98	`rgb(35.3%,89.8%,98%)`
CMYK	64, 8, 0, 2
HSL	187.9°, 94.1, 66.7	`hsl(187.9,94.1%,66.7%)`
HSV (or HSB)	187.9°, 64, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.541, -31.124, -21.317
XYZ	49.486, 65.11, 100.397
xyY	0.23, 0.303, 65.11
CIE-LCH	84.541, 37.725, 214.407
CIE-LUV	84.541, -53.533, -29.514
Hunter-Lab	80.691, -31.739, -17.286
Binary	01011010, 11100101, 11111010

#5ae5fa
```
#5ae5fa rgb(90,229,250)
```
#fa6f5a
```
#fa6f5a rgb(250,111,90)
```

Complementary Color

#5afabf
```
#5afabf rgb(90,250,191)
```
#5ae5fa
```
#5ae5fa rgb(90,229,250)
```
#5a95fa
```
#5a95fa rgb(90,149,250)
```

Analogous Color

#fabf5a
```
#fabf5a rgb(250,191,90)
```
#5ae5fa
```
#5ae5fa rgb(90,229,250)
```
#fa5a95
```
#fa5a95 rgb(250,90,149)
```

Split Complementary Color

#e5fa5a
```
#e5fa5a rgb(229,250,90)
```
#5ae5fa
```
#5ae5fa rgb(90,229,250)
```
#fa5ae5
```
#fa5ae5 rgb(250,90,229)
```

Triadic Color

#5afa6f
```
#5afa6f rgb(90,250,111)
```
#5ae5fa
```
#5ae5fa rgb(90,229,250)
```
#fa5ae5
```
#fa5ae5 rgb(250,90,229)
```
#fa6f5a
```
#fa6f5a rgb(250,111,90)
```

Tetradic Color

#10d9f8
```
#10d9f8 rgb(16,217,248)
```
#28ddf9
```
#28ddf9 rgb(40,221,249)
```
#41e1f9
```
#41e1f9 rgb(65,225,249)
```
#5ae5fa
```
#5ae5fa rgb(90,229,250)
```
#73e9fb
```
#73e9fb rgb(115,233,251)
```
#8cedfc
```
#8cedfc rgb(140,237,252)
```
#a4f1fc
```
#a4f1fc rgb(164,241,252)
```

Monochromatic Color

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

#5afae7
```
#5afae7 rgb(90,250,231)
```
#5afaf4
```
#5afaf4 rgb(90,250,244)
```
#5af2fa
```
#5af2fa rgb(90,242,250)
```
#5ae5fa
```
#5ae5fa rgb(90,229,250)
```
#5ad8fa
```
#5ad8fa rgb(90,216,250)
```
#5acafa
```
#5acafa rgb(90,202,250)
```
#5abdfa
```
#5abdfa rgb(90,189,250)
```

Similar Colors

Text with hexadecimal color #5ae5fa

This text has a font color of #5ae5fa.

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

#5ae5fa background color

This paragraph has a background color of #5ae5fa.

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

#5ae5fa border color

This element has a border color of #5ae5fa.

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

CSS codes

.text {color:#5ae5fa;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#011619
```
#011619 rgb(1,22,25)
```
#01272c
```
#01272c rgb(1,39,44)
```
#02373f
```
#02373f rgb(2,55,63)
```
#024852
```
#024852 rgb(2,72,82)
```
#035966
```
#035966 rgb(3,89,102)
```
#046979
```
#046979 rgb(4,105,121)
```
#047a8c
```
#047a8c rgb(4,122,140)
```
#058a9f
```
#058a9f rgb(5,138,159)
```
#059bb2
```
#059bb2 rgb(5,155,178)
```
#06acc5
```
#06acc5 rgb(6,172,197)
```
#07bcd8
```
#07bcd8 rgb(7,188,216)
```
#07cdeb
```
#07cdeb rgb(7,205,235)
```

Shade Color Variation

#0ed9f8
```
#0ed9f8 rgb(14,217,248)
```
#21dcf8
```
#21dcf8 rgb(33,220,248)
```
#34dff9
```
#34dff9 rgb(52,223,249)
```
#47e2f9
```
#47e2f9 rgb(71,226,249)
```
#5ae5fa
```
#5ae5fa rgb(90,229,250)
```
#6de8fb
```
#6de8fb rgb(109,232,251)
```
#80ebfb
```
#80ebfb rgb(128,235,251)
```
#93eefc
```
#93eefc rgb(147,238,252)
```
#a6f1fc
```
#a6f1fc rgb(166,241,252)
```
#b9f4fd
```
#b9f4fd rgb(185,244,253)
```
#ccf7fd
```
#ccf7fd rgb(204,247,253)
```
#dffafe
```
#dffafe rgb(223,250,254)
```
#f2fdff
```
#f2fdff rgb(242,253,255)
```

Tint Color Variation

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

#a8abac
```
#a8abac rgb(168,171,172)
```
#a2b0b2
```
#a2b0b2 rgb(162,176,178)
```
#9bb5b9
```
#9bb5b9 rgb(155,181,185)
```
#95babf
```
#95babf rgb(149,186,191)
```
#8ebec6
```
#8ebec6 rgb(142,190,198)
```
#88c3cc
```
#88c3cc rgb(136,195,204)
```
#81c8d3
```
#81c8d3 rgb(129,200,211)
```
#7bcdd9
```
#7bcdd9 rgb(123,205,217)
```
#74d2e0
```
#74d2e0 rgb(116,210,224)
```
#6ed7e6
```
#6ed7e6 rgb(110,215,230)
```
#67dbed
```
#67dbed rgb(103,219,237)
```
#61e0f3
```
#61e0f3 rgb(97,224,243)
```
#5ae5fa
```
#5ae5fa rgb(90,229,250)
```

Tone Color Variation

Below, you can see how #5ae5fa 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
#aac6ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d3ef Protanopia 1% of men
#d1d1ff Deuteranopia 1% of men
#60e6f7 Tritanopia 0.001% of the population

Trichromacy

#a5daf3 Protanomaly 1% of men, 0.01% of women
#a5d8fd Deuteranomaly 6% of men, 0.4% of women
#5ee6f8 Tritanomaly 0.01% of the population

#5ae5fa hex color

#5ae5fa Color Information

#5ae5fa Color Conversion

Color Schemes with #5ae5fa

Alternatives to #5ae5fa

#5ae5fa Preview

Shades and Tints of #5ae5fa

Tones of #5ae5fa

Color Blindness Simulator