#5aefef hex color

In a RGB color space, hex #5aefef is composed of 35.3% red, 93.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 0% magenta, 0% yellow and 6.3% black. It has a hue angle of 180 degrees, a saturation of 82.3% and a lightness of 64.5%. #5aefef color hex could be obtained by blending #b4ffff with #00dfdf. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 35
- G 94
- B 94
RGB color chart
- C 62
- M 0
- Y 0
- K 6
CMYK color chart

● #5aefef color description : Soft cyan.

The hexadecimal color #5aefef has RGB values of R:90, G:239, B:239 and CMYK values of C:0.62, M:0, Y:0, K:0.06. Its decimal value is 5959663.

Hex triplet	5aefef	`#5aefef`
RGB Decimal	90, 239, 239	`rgb(90,239,239)`
RGB Percent	35.3, 93.7, 93.7	`rgb(35.3%,93.7%,93.7%)`
CMYK	62, 0, 0, 6
HSL	180°, 82.3, 64.5	`hsl(180,82.3%,64.5%)`
HSV (or HSB)	180°, 62.3, 93.7
Web Safe	66ffff	`#66ffff`

CIE-LAB	87.063, -38.845, -11.741
XYZ	50.658, 70.134, 92.524
xyY	0.237, 0.329, 70.134
CIE-LCH	87.063, 40.581, 196.818
CIE-LUV	87.063, -57.757, -12.472
Hunter-Lab	83.746, -38.581, -6.882
Binary	01011010, 11101111, 11101111

#5aefef
```
#5aefef rgb(90,239,239)
```
#ef5a5a
```
#ef5a5a rgb(239,90,90)
```

Complementary Color

#5aefa5
```
#5aefa5 rgb(90,239,165)
```
#5aefef
```
#5aefef rgb(90,239,239)
```
#5aa5ef
```
#5aa5ef rgb(90,165,239)
```

Analogous Color

#efa55a
```
#efa55a rgb(239,165,90)
```
#5aefef
```
#5aefef rgb(90,239,239)
```
#ef5aa5
```
#ef5aa5 rgb(239,90,165)
```

Split Complementary Color

#efef5a
```
#efef5a rgb(239,239,90)
```
#5aefef
```
#5aefef rgb(90,239,239)
```
#ef5aef
```
#ef5aef rgb(239,90,239)
```

Triadic Color

#5aef5a
```
#5aef5a rgb(90,239,90)
```
#5aefef
```
#5aefef rgb(90,239,239)
```
#ef5aef
```
#ef5aef rgb(239,90,239)
```
#ef5a5a
```
#ef5a5a rgb(239,90,90)
```

Tetradic Color

#16e6e6
```
#16e6e6 rgb(22,230,230)
```
#2ceaea
```
#2ceaea rgb(44,234,234)
```
#43eded
```
#43eded rgb(67,237,237)
```
#5aefef
```
#5aefef rgb(90,239,239)
```
#71f1f1
```
#71f1f1 rgb(113,241,241)
```
#88f4f4
```
#88f4f4 rgb(136,244,244)
```
#a0f6f6
```
#a0f6f6 rgb(160,246,246)
```

Monochromatic Color

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

#5aefca
```
#5aefca rgb(90,239,202)
```
#5aefd6
```
#5aefd6 rgb(90,239,214)
```
#5aefe3
```
#5aefe3 rgb(90,239,227)
```
#5aefef
```
#5aefef rgb(90,239,239)
```
#5ae3ef
```
#5ae3ef rgb(90,227,239)
```
#5ad6ef
```
#5ad6ef rgb(90,214,239)
```
#5acaef
```
#5acaef rgb(90,202,239)
```

Similar Colors

Text with hexadecimal color #5aefef

This text has a font color of #5aefef.

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

#5aefef background color

This paragraph has a background color of #5aefef.

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

#5aefef border color

This element has a border color of #5aefef.

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

CSS codes

.text {color:#5aefef;}

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

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

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, #010e0e is the darkest color, while #fbffff is the lightest one.

#010e0e
```
#010e0e rgb(1,14,14)
```
#032020
```
#032020 rgb(3,32,32)
```
#053232
```
#053232 rgb(5,50,50)
```
#074343
```
#074343 rgb(7,67,67)
```
#085555
```
#085555 rgb(8,85,85)
```
#0a6767
```
#0a6767 rgb(10,103,103)
```
#0c7979
```
#0c7979 rgb(12,121,121)
```
#0d8b8b
```
#0d8b8b rgb(13,139,139)
```
#0f9d9d
```
#0f9d9d rgb(15,157,157)
```
#11afaf
```
#11afaf rgb(17,175,175)
```
#13c1c1
```
#13c1c1 rgb(19,193,193)
```
#14d3d3
```
#14d3d3 rgb(20,211,211)
```
#16e4e4
```
#16e4e4 rgb(22,228,228)
```

Shade Color Variation

#24eaea
```
#24eaea rgb(36,234,234)
```
#36ecec
```
#36ecec rgb(54,236,236)
```
#48eded
```
#48eded rgb(72,237,237)
```
#5aefef
```
#5aefef rgb(90,239,239)
```
#6cf1f1
```
#6cf1f1 rgb(108,241,241)
```
#7ef2f2
```
#7ef2f2 rgb(126,242,242)
```
#90f4f4
```
#90f4f4 rgb(144,244,244)
```
#a2f6f6
```
#a2f6f6 rgb(162,246,246)
```
#b3f8f8
```
#b3f8f8 rgb(179,248,248)
```
#c5f9f9
```
#c5f9f9 rgb(197,249,249)
```
#d7fbfb
```
#d7fbfb rgb(215,251,251)
```
#e9fdfd
```
#e9fdfd rgb(233,253,253)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#a0a9a9
```
#a0a9a9 rgb(160,169,169)
```
#99b0b0
```
#99b0b0 rgb(153,176,176)
```
#92b7b7
```
#92b7b7 rgb(146,183,183)
```
#8bbebe
```
#8bbebe rgb(139,190,190)
```
#84c5c5
```
#84c5c5 rgb(132,197,197)
```
#7dcccc
```
#7dcccc rgb(125,204,204)
```
#76d3d3
```
#76d3d3 rgb(118,211,211)
```
#6fdada
```
#6fdada rgb(111,218,218)
```
#68e1e1
```
#68e1e1 rgb(104,225,225)
```
#61e8e8
```
#61e8e8 rgb(97,232,232)
```
#5aefef
```
#5aefef rgb(90,239,239)
```
#53f6f6
```
#53f6f6 rgb(83,246,246)
```
#4cfdfd
```
#4cfdfd rgb(76,253,253)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#adcbcb Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddae4 Protanopia 1% of men
#e1d6f8 Deuteranopia 1% of men
#6bedfe Tritanopia 0.001% of the population

Trichromacy

#ade2e8 Protanomaly 1% of men, 0.01% of women
#b0dff5 Deuteranomaly 6% of men, 0.4% of women
#65edf9 Tritanomaly 0.01% of the population

#5aefef hex color

#5aefef Color Information

#5aefef Color Conversion

Color Schemes with #5aefef

Alternatives to #5aefef

#5aefef Preview

Shades and Tints of #5aefef

Tones of #5aefef

Color Blindness Simulator