#5ab5e6 hex color

In a RGB color space, hex #5ab5e6 is composed of 35.3% red, 71% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 21.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 201 degrees, a saturation of 73.7% and a lightness of 62.7%. #5ab5e6 color hex could be obtained by blending #b4ffff with #006bcd. Closest websafe color is: #66ccff.

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

● #5ab5e6 color description : Soft blue.

The hexadecimal color #5ab5e6 has RGB values of R:90, G:181, B:230 and CMYK values of C:0.61, M:0.21, Y:0, K:0.1. Its decimal value is 5944806.

Hex triplet	5ab5e6	`#5ab5e6`
RGB Decimal	90, 181, 230	`rgb(90,181,230)`
RGB Percent	35.3, 71, 90.2	`rgb(35.3%,71%,90.2%)`
CMYK	61, 21, 0, 10
HSL	201°, 73.7, 62.7	`hsl(201,73.7%,62.7%)`
HSV (or HSB)	201°, 60.9, 90.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.128, -12.793, -32.658
XYZ	35.02, 40.932, 80.914
xyY	0.223, 0.261, 40.932
CIE-LCH	70.128, 35.074, 248.608
CIE-LUV	70.128, -37.155, -50.347
Hunter-Lab	63.978, -14.256, -30.2
Binary	01011010, 10110101, 11100110

#5ab5e6
```
#5ab5e6 rgb(90,181,230)
```
#e68b5a
```
#e68b5a rgb(230,139,90)
```

Complementary Color

#5ae6d1
```
#5ae6d1 rgb(90,230,209)
```
#5ab5e6
```
#5ab5e6 rgb(90,181,230)
```
#5a6fe6
```
#5a6fe6 rgb(90,111,230)
```

Analogous Color

#e6d15a
```
#e6d15a rgb(230,209,90)
```
#5ab5e6
```
#5ab5e6 rgb(90,181,230)
```
#e65a6f
```
#e65a6f rgb(230,90,111)
```

Split Complementary Color

#b5e65a
```
#b5e65a rgb(181,230,90)
```
#5ab5e6
```
#5ab5e6 rgb(90,181,230)
```
#e65ab5
```
#e65ab5 rgb(230,90,181)
```

Triadic Color

#5ae68b
```
#5ae68b rgb(90,230,139)
```
#5ab5e6
```
#5ab5e6 rgb(90,181,230)
```
#e65ab5
```
#e65ab5 rgb(230,90,181)
```
#e68b5a
```
#e68b5a rgb(230,139,90)
```

Tetradic Color

#2095d3
```
#2095d3 rgb(32,149,211)
```
#2ea1df
```
#2ea1df rgb(46,161,223)
```
#44abe3
```
#44abe3 rgb(68,171,227)
```
#5ab5e6
```
#5ab5e6 rgb(90,181,230)
```
#70bfe9
```
#70bfe9 rgb(112,191,233)
```
#86c9ed
```
#86c9ed rgb(134,201,237)
```
#9cd3f0
```
#9cd3f0 rgb(156,211,240)
```

Monochromatic Color

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

#5ad8e6
```
#5ad8e6 rgb(90,216,230)
```
#5acce6
```
#5acce6 rgb(90,204,230)
```
#5ac1e6
```
#5ac1e6 rgb(90,193,230)
```
#5ab5e6
```
#5ab5e6 rgb(90,181,230)
```
#5aa9e6
```
#5aa9e6 rgb(90,169,230)
```
#5a9ee6
```
#5a9ee6 rgb(90,158,230)
```
#5a92e6
```
#5a92e6 rgb(90,146,230)
```

Similar Colors

Text with hexadecimal color #5ab5e6

This text has a font color of #5ab5e6.

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

#5ab5e6 background color

This paragraph has a background color of #5ab5e6.

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

#5ab5e6 border color

This element has a border color of #5ab5e6.

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

CSS codes

.text {color:#5ab5e6;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#031016
```
#031016 rgb(3,16,22)
```
#061c27
```
#061c27 rgb(6,28,39)
```
#092838
```
#092838 rgb(9,40,56)
```
#0b3449
```
#0b3449 rgb(11,52,73)
```
#0e405b
```
#0e405b rgb(14,64,91)
```
#104c6c
```
#104c6c rgb(16,76,108)
```
#13587d
```
#13587d rgb(19,88,125)
```
#15648e
```
#15648e rgb(21,100,142)
```
#18709f
```
#18709f rgb(24,112,159)
```
#1b7cb0
```
#1b7cb0 rgb(27,124,176)
```
#1d87c1
```
#1d87c1 rgb(29,135,193)
```
#2093d2
```
#2093d2 rgb(32,147,210)
```

Shade Color Variation

#279ede
```
#279ede rgb(39,158,222)
```
#38a6e1
```
#38a6e1 rgb(56,166,225)
```
#49ade3
```
#49ade3 rgb(73,173,227)
```
#5ab5e6
```
#5ab5e6 rgb(90,181,230)
```
#6bbde9
```
#6bbde9 rgb(107,189,233)
```
#7cc4eb
```
#7cc4eb rgb(124,196,235)
```
#8dccee
```
#8dccee rgb(141,204,238)
```
#9ed4f0
```
#9ed4f0 rgb(158,212,240)
```
#afdbf3
```
#afdbf3 rgb(175,219,243)
```
#c0e3f5
```
#c0e3f5 rgb(192,227,245)
```
#d1eaf8
```
#d1eaf8 rgb(209,234,248)
```
#e2f2fb
```
#e2f2fb rgb(226,242,251)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca1a4 is the less saturated color, while #44bcfc is the most saturated one.

#9ca1a4
```
#9ca1a4 rgb(156,161,164)
```
#94a3ac
```
#94a3ac rgb(148,163,172)
```
#8da6b3
```
#8da6b3 rgb(141,166,179)
```
#86a8ba
```
#86a8ba rgb(134,168,186)
```
#7faac1
```
#7faac1 rgb(127,170,193)
```
#77acc9
```
#77acc9 rgb(119,172,201)
```
#70aed0
```
#70aed0 rgb(112,174,208)
```
#69b1d7
```
#69b1d7 rgb(105,177,215)
```
#61b3df
```
#61b3df rgb(97,179,223)
```
#5ab5e6
```
#5ab5e6 rgb(90,181,230)
```
#53b7ed
```
#53b7ed rgb(83,183,237)
```
#4bb9f5
```
#4bb9f5 rgb(75,185,245)
```
#44bcfc
```
#44bcfc rgb(68,188,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1addf Protanopia 1% of men
#9badeb Deuteranopia 1% of men
#52becb Tritanopia 0.001% of the population

Trichromacy

#87b0e2 Protanomaly 1% of men, 0.01% of women
#83b0e9 Deuteranomaly 6% of men, 0.4% of women
#54bad5 Tritanomaly 0.01% of the population

#5ab5e6 hex color

#5ab5e6 Color Information

#5ab5e6 Color Conversion

Color Schemes with #5ab5e6

Alternatives to #5ab5e6

#5ab5e6 Preview

Shades and Tints of #5ab5e6

Tones of #5ab5e6

Color Blindness Simulator