#5ae0fb hex color

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

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

● #5ae0fb color description : Soft cyan.

The hexadecimal color #5ae0fb has RGB values of R:90, G:224, B:251 and CMYK values of C:0.64, M:0.11, Y:0, K:0.02. Its decimal value is 5955835.

Hex triplet	5ae0fb	`#5ae0fb`
RGB Decimal	90, 224, 251	`rgb(90,224,251)`
RGB Percent	35.3, 87.8, 98.4	`rgb(35.3%,87.8%,98.4%)`
CMYK	64, 11, 0, 2
HSL	190.1°, 95.3, 66.9	`hsl(190.1,95.3%,66.9%)`
HSV (or HSB)	190.1°, 64.1, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.15, -28.426, -23.956
XYZ	48.28, 62.446, 100.77
xyY	0.228, 0.295, 62.446
CIE-LCH	83.15, 37.174, 220.122
CIE-LUV	83.15, -51.69, -34.316
Hunter-Lab	79.023, -29.233, -20.291
Binary	01011010, 11100000, 11111011

#5ae0fb
```
#5ae0fb rgb(90,224,251)
```
#fb755a
```
#fb755a rgb(251,117,90)
```

Complementary Color

#5afbc6
```
#5afbc6 rgb(90,251,198)
```
#5ae0fb
```
#5ae0fb rgb(90,224,251)
```
#5a90fb
```
#5a90fb rgb(90,144,251)
```

Analogous Color

#fbc65a
```
#fbc65a rgb(251,198,90)
```
#5ae0fb
```
#5ae0fb rgb(90,224,251)
```
#fb5a90
```
#fb5a90 rgb(251,90,144)
```

Split Complementary Color

#e0fb5a
```
#e0fb5a rgb(224,251,90)
```
#5ae0fb
```
#5ae0fb rgb(90,224,251)
```
#fb5ae0
```
#fb5ae0 rgb(251,90,224)
```

Triadic Color

#5afb75
```
#5afb75 rgb(90,251,117)
```
#5ae0fb
```
#5ae0fb rgb(90,224,251)
```
#fb5ae0
```
#fb5ae0 rgb(251,90,224)
```
#fb755a
```
#fb755a rgb(251,117,90)
```

Tetradic Color

#0fd2f9
```
#0fd2f9 rgb(15,210,249)
```
#28d7fa
```
#28d7fa rgb(40,215,250)
```
#41dbfa
```
#41dbfa rgb(65,219,250)
```
#5ae0fb
```
#5ae0fb rgb(90,224,251)
```
#73e5fc
```
#73e5fc rgb(115,229,252)
```
#8ce9fc
```
#8ce9fc rgb(140,233,252)
```
#a5eefd
```
#a5eefd rgb(165,238,253)
```

Monochromatic Color

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

#5afbee
```
#5afbee rgb(90,251,238)
```
#5afbfb
```
#5afbfb rgb(90,251,251)
```
#5aedfb
```
#5aedfb rgb(90,237,251)
```
#5ae0fb
```
#5ae0fb rgb(90,224,251)
```
#5ad3fb
```
#5ad3fb rgb(90,211,251)
```
#5ac5fb
```
#5ac5fb rgb(90,197,251)
```
#5ab8fb
```
#5ab8fb rgb(90,184,251)
```

Similar Colors

Text with hexadecimal color #5ae0fb

This text has a font color of #5ae0fb.

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

#5ae0fb background color

This paragraph has a background color of #5ae0fb.

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

#5ae0fb border color

This element has a border color of #5ae0fb.

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

CSS codes

.text {color:#5ae0fb;}

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

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

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)
```
#01161b
```
#01161b rgb(1,22,27)
```
#01262e
```
#01262e rgb(1,38,46)
```
#023641
```
#023641 rgb(2,54,65)
```
#024654
```
#024654 rgb(2,70,84)
```
#025667
```
#025667 rgb(2,86,103)
```
#03667a
```
#03667a rgb(3,102,122)
```
#03768d
```
#03768d rgb(3,118,141)
```
#0486a1
```
#0486a1 rgb(4,134,161)
```
#0496b4
```
#0496b4 rgb(4,150,180)
```
#05a6c7
```
#05a6c7 rgb(5,166,199)
```
#05b6da
```
#05b6da rgb(5,182,218)
```
#06c6ed
```
#06c6ed rgb(6,198,237)
```

Shade Color Variation

#0dd2f9
```
#0dd2f9 rgb(13,210,249)
```
#21d5fa
```
#21d5fa rgb(33,213,250)
```
#34d9fa
```
#34d9fa rgb(52,217,250)
```
#47dcfb
```
#47dcfb rgb(71,220,251)
```
#5ae0fb
```
#5ae0fb rgb(90,224,251)
```
#6de4fb
```
#6de4fb rgb(109,228,251)
```
#80e7fc
```
#80e7fc rgb(128,231,252)
```
#93ebfc
```
#93ebfc rgb(147,235,252)
```
#a7eefd
```
#a7eefd rgb(167,238,253)
```
#baf2fd
```
#baf2fd rgb(186,242,253)
```
#cdf6fe
```
#cdf6fe rgb(205,246,254)
```
#e0f9fe
```
#e0f9fe rgb(224,249,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 #5ae0fb is the most saturated one.

#a8acad
```
#a8acad rgb(168,172,173)
```
#a2b0b4
```
#a2b0b4 rgb(162,176,180)
```
#9bb5ba
```
#9bb5ba rgb(155,181,186)
```
#95b9c1
```
#95b9c1 rgb(149,185,193)
```
#8ebdc7
```
#8ebdc7 rgb(142,189,199)
```
#88c2ce
```
#88c2ce rgb(136,194,206)
```
#81c6d4
```
#81c6d4 rgb(129,198,212)
```
#7bcadb
```
#7bcadb rgb(123,202,219)
```
#74cfe1
```
#74cfe1 rgb(116,207,225)
```
#6ed3e8
```
#6ed3e8 rgb(110,211,232)
```
#67d7ee
```
#67d7ee rgb(103,215,238)
```
#60dcf5
```
#60dcf5 rgb(96,220,245)
```
#5ae0fb
```
#5ae0fb rgb(90,224,251)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a8c2c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcff0 Protanopia 1% of men
#caceff Deuteranopia 1% of men
#5de2f3 Tritanopia 0.001% of the population

Trichromacy

#a2d5f4 Protanomaly 1% of men, 0.01% of women
#a1d4fd Deuteranomaly 6% of men, 0.4% of women
#5ce1f6 Tritanomaly 0.01% of the population

#5ae0fb hex color

#5ae0fb Color Information

#5ae0fb Color Conversion

Color Schemes with #5ae0fb

Alternatives to #5ae0fb

#5ae0fb Preview

Shades and Tints of #5ae0fb

Tones of #5ae0fb

Color Blindness Simulator