#5ae6ff hex color

In a RGB color space, hex #5ae6ff is composed of 35.3% red, 90.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 9.8% magenta, 0% yellow and 0% black. It has a hue angle of 189.1 degrees, a saturation of 100% and a lightness of 67.6%. #5ae6ff color hex could be obtained by blending #b4ffff with #00cdff. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 35
- G 90
- B 100
RGB color chart
- C 65
- M 10
- Y 0
- K 0
CMYK color chart

● #5ae6ff color description : Light cyan.

The hexadecimal color #5ae6ff has RGB values of R:90, G:230, B:255 and CMYK values of C:0.65, M:0.1, Y:0, K:0. Its decimal value is 5957375.

Hex triplet	5ae6ff	`#5ae6ff`
RGB Decimal	90, 230, 255	`rgb(90,230,255)`
RGB Percent	35.3, 90.2, 100	`rgb(35.3%,90.2%,100%)`
CMYK	65, 10, 0, 0
HSL	189.1°, 100, 67.6	`hsl(189.1,100%,67.6%)`
HSV (or HSB)	189.1°, 64.7, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	84.988, -30.168, -23.272
XYZ	50.558, 65.983, 104.674
xyY	0.229, 0.298, 65.983
CIE-LCH	84.988, 38.101, 217.647
CIE-LUV	84.988, -53.603, -32.984
Hunter-Lab	81.23, -31.053, -19.541
Binary	01011010, 11100110, 11111111

#5ae6ff
```
#5ae6ff rgb(90,230,255)
```
#ff735a
```
#ff735a rgb(255,115,90)
```

Complementary Color

#5affc6
```
#5affc6 rgb(90,255,198)
```
#5ae6ff
```
#5ae6ff rgb(90,230,255)
```
#5a94ff
```
#5a94ff rgb(90,148,255)
```

Analogous Color

#ffc65a
```
#ffc65a rgb(255,198,90)
```
#5ae6ff
```
#5ae6ff rgb(90,230,255)
```
#ff5a94
```
#ff5a94 rgb(255,90,148)
```

Split Complementary Color

#e6ff5a
```
#e6ff5a rgb(230,255,90)
```
#5ae6ff
```
#5ae6ff rgb(90,230,255)
```
#ff5ae6
```
#ff5ae6 rgb(255,90,230)
```

Triadic Color

#5aff73
```
#5aff73 rgb(90,255,115)
```
#5ae6ff
```
#5ae6ff rgb(90,230,255)
```
#ff5ae6
```
#ff5ae6 rgb(255,90,230)
```
#ff735a
```
#ff735a rgb(255,115,90)
```

Tetradic Color

#0edaff
```
#0edaff rgb(14,218,255)
```
#27deff
```
#27deff rgb(39,222,255)
```
#41e2ff
```
#41e2ff rgb(65,226,255)
```
#5ae6ff
```
#5ae6ff rgb(90,230,255)
```
#74eaff
```
#74eaff rgb(116,234,255)
```
#8deeff
```
#8deeff rgb(141,238,255)
```
#a7f2ff
```
#a7f2ff rgb(167,242,255)
```

Monochromatic Color

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

#5affef
```
#5affef rgb(90,255,239)
```
#5afffd
```
#5afffd rgb(90,255,253)
```
#5af4ff
```
#5af4ff rgb(90,244,255)
```
#5ae6ff
```
#5ae6ff rgb(90,230,255)
```
#5ad8ff
```
#5ad8ff rgb(90,216,255)
```
#5acbff
```
#5acbff rgb(90,203,255)
```
#5abdff
```
#5abdff rgb(90,189,255)
```

Similar Colors

Text with hexadecimal color #5ae6ff

This text has a font color of #5ae6ff.

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

#5ae6ff background color

This paragraph has a background color of #5ae6ff.

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

#5ae6ff border color

This element has a border color of #5ae6ff.

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

CSS codes

.text {color:#5ae6ff;}

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

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

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, #000a0c is the darkest color, while #f7feff is the lightest one.

#000a0c
```
#000a0c rgb(0,10,12)
```
#001a1f
```
#001a1f rgb(0,26,31)
```
#002b33
```
#002b33 rgb(0,43,51)
```
#003c46
```
#003c46 rgb(0,60,70)
```
#004c5a
```
#004c5a rgb(0,76,90)
```
#005d6e
```
#005d6e rgb(0,93,110)
```
#006e81
```
#006e81 rgb(0,110,129)
```
#007e95
```
#007e95 rgb(0,126,149)
```
#008fa8
```
#008fa8 rgb(0,143,168)
```
#00a0bc
```
#00a0bc rgb(0,160,188)
```
#00b0d0
```
#00b0d0 rgb(0,176,208)
```
#00c1e3
```
#00c1e3 rgb(0,193,227)
```
#00d2f7
```
#00d2f7 rgb(0,210,247)
```

Shade Color Variation

#0cdaff
```
#0cdaff rgb(12,218,255)
```
#1fddff
```
#1fddff rgb(31,221,255)
```
#33e0ff
```
#33e0ff rgb(51,224,255)
```
#46e3ff
```
#46e3ff rgb(70,227,255)
```
#5ae6ff
```
#5ae6ff rgb(90,230,255)
```
#6ee9ff
```
#6ee9ff rgb(110,233,255)
```
#81ecff
```
#81ecff rgb(129,236,255)
```
#95efff
```
#95efff rgb(149,239,255)
```
#a8f2ff
```
#a8f2ff rgb(168,242,255)
```
#bcf5ff
```
#bcf5ff rgb(188,245,255)
```
#d0f8ff
```
#d0f8ff rgb(208,248,255)
```
#e3fbff
```
#e3fbff rgb(227,251,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#a6b1b3
```
#a6b1b3 rgb(166,177,179)
```
#a0b5b9
```
#a0b5b9 rgb(160,181,185)
```
#99bac0
```
#99bac0 rgb(153,186,192)
```
#93bec6
```
#93bec6 rgb(147,190,198)
```
#8dc3cc
```
#8dc3cc rgb(141,195,204)
```
#86c7d3
```
#86c7d3 rgb(134,199,211)
```
#80cbd9
```
#80cbd9 rgb(128,203,217)
```
#7ad0df
```
#7ad0df rgb(122,208,223)
```
#73d4e6
```
#73d4e6 rgb(115,212,230)
```
#6dd9ec
```
#6dd9ec rgb(109,217,236)
```
#67ddf2
```
#67ddf2 rgb(103,221,242)
```
#60e2f9
```
#60e2f9 rgb(96,226,249)
```
#5ae6ff
```
#5ae6ff rgb(90,230,255)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#abc7cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d4f3 Protanopia 1% of men
#d1d3ff Deuteranopia 1% of men
#5ee8f9 Tritanopia 0.001% of the population

Trichromacy

#a5dbf7 Protanomaly 1% of men, 0.01% of women
#a5daff Deuteranomaly 6% of men, 0.4% of women
#5de7fb Tritanomaly 0.01% of the population

#5ae6ff hex color

#5ae6ff Color Information

#5ae6ff Color Conversion

Color Schemes with #5ae6ff

Alternatives to #5ae6ff

#5ae6ff Preview

Shades and Tints of #5ae6ff

Tones of #5ae6ff

Color Blindness Simulator