#5ae4fb hex color

In a RGB color space, hex #5ae4fb is composed of 35.3% red, 89.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 9.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 188.6 degrees, a saturation of 95.3% and a lightness of 66.9%. #5ae4fb color hex could be obtained by blending #b4ffff with #00c9f7. Closest websafe color is: #66ccff.

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

● #5ae4fb color description : Soft cyan.

The hexadecimal color #5ae4fb has RGB values of R:90, G:228, B:251 and CMYK values of C:0.64, M:0.09, Y:0, K:0.02. Its decimal value is 5956859.

Hex triplet	5ae4fb	`#5ae4fb`
RGB Decimal	90, 228, 251	`rgb(90,228,251)`
RGB Percent	35.3, 89.4, 98.4	`rgb(35.3%,89.4%,98.4%)`
CMYK	64, 9, 0, 2
HSL	188.6°, 95.3, 66.9	`hsl(188.6,95.3%,66.9%)`
HSV (or HSB)	188.6°, 64.1, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.288, -30.359, -22.227
XYZ	49.368, 64.621, 101.133
xyY	0.229, 0.3, 64.621
CIE-LCH	84.288, 37.626, 216.209
CIE-LUV	84.288, -53.119, -31.154
Hunter-Lab	80.387, -31.058, -18.32
Binary	01011010, 11100100, 11111011

#5ae4fb
```
#5ae4fb rgb(90,228,251)
```
#fb715a
```
#fb715a rgb(251,113,90)
```

Complementary Color

#5afbc2
```
#5afbc2 rgb(90,251,194)
```
#5ae4fb
```
#5ae4fb rgb(90,228,251)
```
#5a94fb
```
#5a94fb rgb(90,148,251)
```

Analogous Color

#fbc25a
```
#fbc25a rgb(251,194,90)
```
#5ae4fb
```
#5ae4fb rgb(90,228,251)
```
#fb5a94
```
#fb5a94 rgb(251,90,148)
```

Split Complementary Color

#e4fb5a
```
#e4fb5a rgb(228,251,90)
```
#5ae4fb
```
#5ae4fb rgb(90,228,251)
```
#fb5ae4
```
#fb5ae4 rgb(251,90,228)
```

Triadic Color

#5afb71
```
#5afb71 rgb(90,251,113)
```
#5ae4fb
```
#5ae4fb rgb(90,228,251)
```
#fb5ae4
```
#fb5ae4 rgb(251,90,228)
```
#fb715a
```
#fb715a rgb(251,113,90)
```

Tetradic Color

#0fd8f9
```
#0fd8f9 rgb(15,216,249)
```
#28dcfa
```
#28dcfa rgb(40,220,250)
```
#41e0fa
```
#41e0fa rgb(65,224,250)
```
#5ae4fb
```
#5ae4fb rgb(90,228,251)
```
#73e8fc
```
#73e8fc rgb(115,232,252)
```
#8cecfc
```
#8cecfc rgb(140,236,252)
```
#a5f0fd
```
#a5f0fd rgb(165,240,253)
```

Monochromatic Color

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

#5afbea
```
#5afbea rgb(90,251,234)
```
#5afbf7
```
#5afbf7 rgb(90,251,247)
```
#5af1fb
```
#5af1fb rgb(90,241,251)
```
#5ae4fb
```
#5ae4fb rgb(90,228,251)
```
#5ad7fb
```
#5ad7fb rgb(90,215,251)
```
#5ac9fb
```
#5ac9fb rgb(90,201,251)
```
#5abcfb
```
#5abcfb rgb(90,188,251)
```

Similar Colors

Text with hexadecimal color #5ae4fb

This text has a font color of #5ae4fb.

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

#5ae4fb background color

This paragraph has a background color of #5ae4fb.

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

#5ae4fb border color

This element has a border color of #5ae4fb.

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

CSS codes

.text {color:#5ae4fb;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01171b
```
#01171b rgb(1,23,27)
```
#01272e
```
#01272e rgb(1,39,46)
```
#023841
```
#023841 rgb(2,56,65)
```
#024854
```
#024854 rgb(2,72,84)
```
#025967
```
#025967 rgb(2,89,103)
```
#03697a
```
#03697a rgb(3,105,122)
```
#037a8d
```
#037a8d rgb(3,122,141)
```
#048aa1
```
#048aa1 rgb(4,138,161)
```
#049bb4
```
#049bb4 rgb(4,155,180)
```
#05abc7
```
#05abc7 rgb(5,171,199)
```
#05bcda
```
#05bcda rgb(5,188,218)
```
#06cced
```
#06cced rgb(6,204,237)
```

Shade Color Variation

#0dd7f9
```
#0dd7f9 rgb(13,215,249)
```
#21dbfa
```
#21dbfa rgb(33,219,250)
```
#34defa
```
#34defa rgb(52,222,250)
```
#47e1fb
```
#47e1fb rgb(71,225,251)
```
#5ae4fb
```
#5ae4fb rgb(90,228,251)
```
#6de7fb
```
#6de7fb rgb(109,231,251)
```
#80eafc
```
#80eafc rgb(128,234,252)
```
#93edfc
```
#93edfc rgb(147,237,252)
```
#a7f1fd
```
#a7f1fd rgb(167,241,253)
```
#baf4fd
```
#baf4fd rgb(186,244,253)
```
#cdf7fe
```
#cdf7fe rgb(205,247,254)
```
#e0fafe
```
#e0fafe rgb(224,250,254)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#a8acad
```
#a8acad rgb(168,172,173)
```
#a2b1b4
```
#a2b1b4 rgb(162,177,180)
```
#9bb6ba
```
#9bb6ba rgb(155,182,186)
```
#95bac1
```
#95bac1 rgb(149,186,193)
```
#8ebfc7
```
#8ebfc7 rgb(142,191,199)
```
#88c4ce
```
#88c4ce rgb(136,196,206)
```
#81c8d4
```
#81c8d4 rgb(129,200,212)
```
#7bcddb
```
#7bcddb rgb(123,205,219)
```
#74d1e1
```
#74d1e1 rgb(116,209,225)
```
#6ed6e8
```
#6ed6e8 rgb(110,214,232)
```
#67dbee
```
#67dbee rgb(103,219,238)
```
#60dff5
```
#60dff5 rgb(96,223,245)
```
#5ae4fb
```
#5ae4fb rgb(90,228,251)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a9c5c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd3f0 Protanopia 1% of men
#cfd1ff Deuteranopia 1% of men
#5fe6f6 Tritanopia 0.001% of the population

Trichromacy

#a4d9f4 Protanomaly 1% of men, 0.01% of women
#a4d7fd Deuteranomaly 6% of men, 0.4% of women
#5de5f8 Tritanomaly 0.01% of the population

#5ae4fb hex color

#5ae4fb Color Information

#5ae4fb Color Conversion

Color Schemes with #5ae4fb

Alternatives to #5ae4fb

#5ae4fb Preview

Shades and Tints of #5ae4fb

Tones of #5ae4fb

Color Blindness Simulator