#5ae0fa hex color

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

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

● #5ae0fa color description : Soft cyan.

The hexadecimal color #5ae0fa has RGB values of R:90, G:224, B:250 and CMYK values of C:0.64, M:0.1, Y:0, K:0.02. Its decimal value is 5955834.

Hex triplet	5ae0fa	`#5ae0fa`
RGB Decimal	90, 224, 250	`rgb(90,224,250)`
RGB Percent	35.3, 87.8, 98	`rgb(35.3%,87.8%,98%)`
CMYK	64, 10, 0, 2
HSL	189.8°, 94.1, 66.7	`hsl(189.8,94.1%,66.7%)`
HSV (or HSB)	189.8°, 64, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.117, -28.716, -23.478
XYZ	48.123, 62.383, 99.942
xyY	0.229, 0.296, 62.383
CIE-LCH	83.117, 37.092, 219.269
CIE-LUV	83.117, -51.746, -33.461
Hunter-Lab	78.983, -29.464, -19.735
Binary	01011010, 11100000, 11111010

#5ae0fa
```
#5ae0fa rgb(90,224,250)
```
#fa745a
```
#fa745a rgb(250,116,90)
```

Complementary Color

#5afac4
```
#5afac4 rgb(90,250,196)
```
#5ae0fa
```
#5ae0fa rgb(90,224,250)
```
#5a90fa
```
#5a90fa rgb(90,144,250)
```

Analogous Color

#fac45a
```
#fac45a rgb(250,196,90)
```
#5ae0fa
```
#5ae0fa rgb(90,224,250)
```
#fa5a90
```
#fa5a90 rgb(250,90,144)
```

Split Complementary Color

#e0fa5a
```
#e0fa5a rgb(224,250,90)
```
#5ae0fa
```
#5ae0fa rgb(90,224,250)
```
#fa5ae0
```
#fa5ae0 rgb(250,90,224)
```

Triadic Color

#5afa74
```
#5afa74 rgb(90,250,116)
```
#5ae0fa
```
#5ae0fa rgb(90,224,250)
```
#fa5ae0
```
#fa5ae0 rgb(250,90,224)
```
#fa745a
```
#fa745a rgb(250,116,90)
```

Tetradic Color

#10d2f8
```
#10d2f8 rgb(16,210,248)
```
#28d7f9
```
#28d7f9 rgb(40,215,249)
```
#41dbf9
```
#41dbf9 rgb(65,219,249)
```
#5ae0fa
```
#5ae0fa rgb(90,224,250)
```
#73e5fb
```
#73e5fb rgb(115,229,251)
```
#8ce9fc
```
#8ce9fc rgb(140,233,252)
```
#a4eefc
```
#a4eefc rgb(164,238,252)
```

Monochromatic Color

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

#5afaec
```
#5afaec rgb(90,250,236)
```
#5afaf9
```
#5afaf9 rgb(90,250,249)
```
#5aedfa
```
#5aedfa rgb(90,237,250)
```
#5ae0fa
```
#5ae0fa rgb(90,224,250)
```
#5ad3fa
```
#5ad3fa rgb(90,211,250)
```
#5ac5fa
```
#5ac5fa rgb(90,197,250)
```
#5ab8fa
```
#5ab8fa rgb(90,184,250)
```

Similar Colors

Text with hexadecimal color #5ae0fa

This text has a font color of #5ae0fa.

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

#5ae0fa background color

This paragraph has a background color of #5ae0fa.

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

#5ae0fa border color

This element has a border color of #5ae0fa.

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

CSS codes

.text {color:#5ae0fa;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#011519
```
#011519 rgb(1,21,25)
```
#01252c
```
#01252c rgb(1,37,44)
```
#02353f
```
#02353f rgb(2,53,63)
```
#024652
```
#024652 rgb(2,70,82)
```
#035666
```
#035666 rgb(3,86,102)
```
#046679
```
#046679 rgb(4,102,121)
```
#04768c
```
#04768c rgb(4,118,140)
```
#05869f
```
#05869f rgb(5,134,159)
```
#0596b2
```
#0596b2 rgb(5,150,178)
```
#06a6c5
```
#06a6c5 rgb(6,166,197)
```
#07b6d8
```
#07b6d8 rgb(7,182,216)
```
#07c6eb
```
#07c6eb rgb(7,198,235)
```

Shade Color Variation

#0ed2f8
```
#0ed2f8 rgb(14,210,248)
```
#21d5f8
```
#21d5f8 rgb(33,213,248)
```
#34d9f9
```
#34d9f9 rgb(52,217,249)
```
#47dcf9
```
#47dcf9 rgb(71,220,249)
```
#5ae0fa
```
#5ae0fa rgb(90,224,250)
```
#6de4fb
```
#6de4fb rgb(109,228,251)
```
#80e7fb
```
#80e7fb rgb(128,231,251)
```
#93ebfc
```
#93ebfc rgb(147,235,252)
```
#a6eefc
```
#a6eefc rgb(166,238,252)
```
#b9f2fd
```
#b9f2fd rgb(185,242,253)
```
#ccf5fd
```
#ccf5fd rgb(204,245,253)
```
#dff9fe
```
#dff9fe rgb(223,249,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 #5ae0fa is the most saturated one.

#a8abac
```
#a8abac rgb(168,171,172)
```
#a2afb2
```
#a2afb2 rgb(162,175,178)
```
#9bb4b9
```
#9bb4b9 rgb(155,180,185)
```
#95b8bf
```
#95b8bf rgb(149,184,191)
```
#8ebdc6
```
#8ebdc6 rgb(142,189,198)
```
#88c1cc
```
#88c1cc rgb(136,193,204)
```
#81c6d3
```
#81c6d3 rgb(129,198,211)
```
#7bcad9
```
#7bcad9 rgb(123,202,217)
```
#74cee0
```
#74cee0 rgb(116,206,224)
```
#6ed3e6
```
#6ed3e6 rgb(110,211,230)
```
#67d7ed
```
#67d7ed rgb(103,215,237)
```
#61dcf3
```
#61dcf3 rgb(97,220,243)
```
#5ae0fa
```
#5ae0fa rgb(90,224,250)
```

Tone Color Variation

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

#cbcfef Protanopia 1% of men
#cbceff Deuteranopia 1% of men
#5ee2f3 Tritanopia 0.001% of the population

Trichromacy

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

#5ae0fa hex color

#5ae0fa Color Information

#5ae0fa Color Conversion

Color Schemes with #5ae0fa

Alternatives to #5ae0fa

#5ae0fa Preview

Shades and Tints of #5ae0fa

Tones of #5ae0fa

Color Blindness Simulator