#5ae6fa hex color

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

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

● #5ae6fa color description : Soft cyan.

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

Hex triplet	5ae6fa	`#5ae6fa`
RGB Decimal	90, 230, 250	`rgb(90,230,250)`
RGB Percent	35.3, 90.2, 98	`rgb(35.3%,90.2%,98%)`
CMYK	64, 8, 0, 2
HSL	187.5°, 94.1, 66.7	`hsl(187.5,94.1%,66.7%)`
HSV (or HSB)	187.5°, 64, 98
Web Safe	66ffff	`#66ffff`

CIE-LAB	84.825, -31.602, -20.886
XYZ	49.764, 65.665, 100.489
xyY	0.23, 0.304, 65.665
CIE-LCH	84.825, 37.88, 213.461
CIE-LUV	84.825, -53.891, -28.726
Hunter-Lab	81.034, -32.191, -16.801
Binary	01011010, 11100110, 11111010

#5ae6fa
```
#5ae6fa rgb(90,230,250)
```
#fa6e5a
```
#fa6e5a rgb(250,110,90)
```

Complementary Color

#5afabe
```
#5afabe rgb(90,250,190)
```
#5ae6fa
```
#5ae6fa rgb(90,230,250)
```
#5a96fa
```
#5a96fa rgb(90,150,250)
```

Analogous Color

#fabe5a
```
#fabe5a rgb(250,190,90)
```
#5ae6fa
```
#5ae6fa rgb(90,230,250)
```
#fa5a96
```
#fa5a96 rgb(250,90,150)
```

Split Complementary Color

#e6fa5a
```
#e6fa5a rgb(230,250,90)
```
#5ae6fa
```
#5ae6fa rgb(90,230,250)
```
#fa5ae6
```
#fa5ae6 rgb(250,90,230)
```

Triadic Color

#5afa6e
```
#5afa6e rgb(90,250,110)
```
#5ae6fa
```
#5ae6fa rgb(90,230,250)
```
#fa5ae6
```
#fa5ae6 rgb(250,90,230)
```
#fa6e5a
```
#fa6e5a rgb(250,110,90)
```

Tetradic Color

#10dbf8
```
#10dbf8 rgb(16,219,248)
```
#28dff9
```
#28dff9 rgb(40,223,249)
```
#41e2f9
```
#41e2f9 rgb(65,226,249)
```
#5ae6fa
```
#5ae6fa rgb(90,230,250)
```
#73eafb
```
#73eafb rgb(115,234,251)
```
#8ceefc
```
#8ceefc rgb(140,238,252)
```
#a4f1fc
```
#a4f1fc rgb(164,241,252)
```

Monochromatic Color

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

#5afae6
```
#5afae6 rgb(90,250,230)
```
#5afaf3
```
#5afaf3 rgb(90,250,243)
```
#5af3fa
```
#5af3fa rgb(90,243,250)
```
#5ae6fa
```
#5ae6fa rgb(90,230,250)
```
#5ad9fa
```
#5ad9fa rgb(90,217,250)
```
#5acbfa
```
#5acbfa rgb(90,203,250)
```
#5abefa
```
#5abefa rgb(90,190,250)
```

Similar Colors

Text with hexadecimal color #5ae6fa

This text has a font color of #5ae6fa.

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

#5ae6fa background color

This paragraph has a background color of #5ae6fa.

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

#5ae6fa border color

This element has a border color of #5ae6fa.

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

CSS codes

.text {color:#5ae6fa;}

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

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

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)
```
#02383f
```
#02383f rgb(2,56,63)
```
#024952
```
#024952 rgb(2,73,82)
```
#035966
```
#035966 rgb(3,89,102)
```
#046a79
```
#046a79 rgb(4,106,121)
```
#047b8c
```
#047b8c rgb(4,123,140)
```
#058b9f
```
#058b9f rgb(5,139,159)
```
#059cb2
```
#059cb2 rgb(5,156,178)
```
#06adc5
```
#06adc5 rgb(6,173,197)
```
#07bed8
```
#07bed8 rgb(7,190,216)
```
#07ceeb
```
#07ceeb rgb(7,206,235)
```

Shade Color Variation

#0edaf8
```
#0edaf8 rgb(14,218,248)
```
#21ddf8
```
#21ddf8 rgb(33,221,248)
```
#34e0f9
```
#34e0f9 rgb(52,224,249)
```
#47e3f9
```
#47e3f9 rgb(71,227,249)
```
#5ae6fa
```
#5ae6fa rgb(90,230,250)
```
#6de9fb
```
#6de9fb rgb(109,233,251)
```
#80ecfb
```
#80ecfb rgb(128,236,251)
```
#93effc
```
#93effc rgb(147,239,252)
```
#a6f2fc
```
#a6f2fc rgb(166,242,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 #5ae6fa 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)
```
#8ebfc6
```
#8ebfc6 rgb(142,191,198)
```
#88c4cc
```
#88c4cc rgb(136,196,204)
```
#81c9d3
```
#81c9d3 rgb(129,201,211)
```
#7bcdd9
```
#7bcdd9 rgb(123,205,217)
```
#74d2e0
```
#74d2e0 rgb(116,210,224)
```
#6ed7e6
```
#6ed7e6 rgb(110,215,230)
```
#67dced
```
#67dced rgb(103,220,237)
```
#61e1f3
```
#61e1f3 rgb(97,225,243)
```
#5ae6fa
```
#5ae6fa rgb(90,230,250)
```

Tone Color Variation

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

#d1d4ef Protanopia 1% of men
#d2d2ff Deuteranopia 1% of men
#61e7f8 Tritanopia 0.001% of the population

Trichromacy

#a6daf3 Protanomaly 1% of men, 0.01% of women
#a6d9fd Deuteranomaly 6% of men, 0.4% of women
#5ee7f9 Tritanomaly 0.01% of the population

#5ae6fa hex color

#5ae6fa Color Information

#5ae6fa Color Conversion

Color Schemes with #5ae6fa

Alternatives to #5ae6fa

#5ae6fa Preview

Shades and Tints of #5ae6fa

Tones of #5ae6fa

Color Blindness Simulator