#5ad5eb hex color

In a RGB color space, hex #5ad5eb is composed of 35.3% red, 83.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 9.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 189.1 degrees, a saturation of 78.4% and a lightness of 63.7%. #5ad5eb color hex could be obtained by blending #b4ffff with #00abd7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 84
- B 92
RGB color chart
- C 62
- M 9
- Y 0
- K 8
CMYK color chart

● #5ad5eb color description : Soft cyan.

The hexadecimal color #5ad5eb has RGB values of R:90, G:213, B:235 and CMYK values of C:0.62, M:0.09, Y:0, K:0.08. Its decimal value is 5953003.

Hex triplet	5ad5eb	`#5ad5eb`
RGB Decimal	90, 213, 235	`rgb(90,213,235)`
RGB Percent	35.3, 83.5, 92.2	`rgb(35.3%,83.5%,92.2%)`
CMYK	62, 9, 0, 8
HSL	189.1°, 78.4, 63.7	`hsl(189.1,78.4%,63.7%)`
HSV (or HSB)	189.1°, 61.7, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.475, -27.689, -21.038
XYZ	43.002, 55.757, 87.089
xyY	0.231, 0.3, 55.757
CIE-LCH	79.475, 34.775, 217.228
CIE-LUV	79.475, -48.599, -29.332
Hunter-Lab	74.671, -27.877, -16.881
Binary	01011010, 11010101, 11101011

#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#eb705a
```
#eb705a rgb(235,112,90)
```

Complementary Color

#5aebb9
```
#5aebb9 rgb(90,235,185)
```
#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#5a8deb
```
#5a8deb rgb(90,141,235)
```

Analogous Color

#ebb95a
```
#ebb95a rgb(235,185,90)
```
#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#eb5a8d
```
#eb5a8d rgb(235,90,141)
```

Split Complementary Color

#d5eb5a
```
#d5eb5a rgb(213,235,90)
```
#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#eb5ad5
```
#eb5ad5 rgb(235,90,213)
```

Triadic Color

#5aeb70
```
#5aeb70 rgb(90,235,112)
```
#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#eb5ad5
```
#eb5ad5 rgb(235,90,213)
```
#eb705a
```
#eb705a rgb(235,112,90)
```

Tetradic Color

#1bc0de
```
#1bc0de rgb(27,192,222)
```
#2dc9e5
```
#2dc9e5 rgb(45,201,229)
```
#43cfe8
```
#43cfe8 rgb(67,207,232)
```
#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#71dbee
```
#71dbee rgb(113,219,238)
```
#87e1f1
```
#87e1f1 rgb(135,225,241)
```
#9ee6f3
```
#9ee6f3 rgb(158,230,243)
```

Monochromatic Color

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

#5aebdd
```
#5aebdd rgb(90,235,221)
```
#5aebe9
```
#5aebe9 rgb(90,235,233)
```
#5ae1eb
```
#5ae1eb rgb(90,225,235)
```
#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#5ac9eb
```
#5ac9eb rgb(90,201,235)
```
#5abdeb
```
#5abdeb rgb(90,189,235)
```
#5ab1eb
```
#5ab1eb rgb(90,177,235)
```

Similar Colors

Text with hexadecimal color #5ad5eb

This text has a font color of #5ad5eb.

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

#5ad5eb background color

This paragraph has a background color of #5ad5eb.

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

#5ad5eb border color

This element has a border color of #5ad5eb.

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

CSS codes

.text {color:#5ad5eb;}

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

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

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, #01090a is the darkest color, while #f7fdfe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#03181b
```
#03181b rgb(3,24,27)
```
#05272d
```
#05272d rgb(5,39,45)
```
#08363e
```
#08363e rgb(8,54,62)
```
#0a4550
```
#0a4550 rgb(10,69,80)
```
#0c5461
```
#0c5461 rgb(12,84,97)
```
#0e6473
```
#0e6473 rgb(14,100,115)
```
#107384
```
#107384 rgb(16,115,132)
```
#128296
```
#128296 rgb(18,130,150)
```
#1491a7
```
#1491a7 rgb(20,145,167)
```
#16a0b9
```
#16a0b9 rgb(22,160,185)
```
#19afca
```
#19afca rgb(25,175,202)
```
#1bbfdc
```
#1bbfdc rgb(27,191,220)
```

Shade Color Variation

#26c8e5
```
#26c8e5 rgb(38,200,229)
```
#37cce7
```
#37cce7 rgb(55,204,231)
```
#49d1e9
```
#49d1e9 rgb(73,209,233)
```
#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#6bd9ed
```
#6bd9ed rgb(107,217,237)
```
#7ddeef
```
#7ddeef rgb(125,222,239)
```
#8ee2f1
```
#8ee2f1 rgb(142,226,241)
```
#a0e7f3
```
#a0e7f3 rgb(160,231,243)
```
#b1ebf6
```
#b1ebf6 rgb(177,235,246)
```
#c3f0f8
```
#c3f0f8 rgb(195,240,248)
```
#d4f4fa
```
#d4f4fa rgb(212,244,250)
```
#e6f9fc
```
#e6f9fc rgb(230,249,252)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#a1a3a4
```
#a1a3a4 rgb(161,163,164)
```
#9aa8ab
```
#9aa8ab rgb(154,168,171)
```
#93adb2
```
#93adb2 rgb(147,173,178)
```
#8cb2b9
```
#8cb2b9 rgb(140,178,185)
```
#85b7c0
```
#85b7c0 rgb(133,183,192)
```
#7ebcc7
```
#7ebcc7 rgb(126,188,199)
```
#76c1cf
```
#76c1cf rgb(118,193,207)
```
#6fc6d6
```
#6fc6d6 rgb(111,198,214)
```
#68cbdd
```
#68cbdd rgb(104,203,221)
```
#61d0e4
```
#61d0e4 rgb(97,208,228)
```
#5ad5eb
```
#5ad5eb rgb(90,213,235)
```
#53daf2
```
#53daf2 rgb(83,218,242)
```
#4cdff9
```
#4cdff9 rgb(76,223,249)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a1babe Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c6e1 Protanopia 1% of men
#c3c4f3 Deuteranopia 1% of men
#60d7e7 Tritanopia 0.001% of the population

Trichromacy

#9ccbe5 Protanomaly 1% of men, 0.01% of women
#9ccaf0 Deuteranomaly 6% of men, 0.4% of women
#5dd6e8 Tritanomaly 0.01% of the population

#5ad5eb hex color

#5ad5eb Color Information

#5ad5eb Color Conversion

Color Schemes with #5ad5eb

Alternatives to #5ad5eb

#5ad5eb Preview

Shades and Tints of #5ad5eb

Tones of #5ad5eb

Color Blindness Simulator