#5ab4ee hex color

In a RGB color space, hex #5ab4ee is composed of 35.3% red, 70.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 24.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 203.5 degrees, a saturation of 81.3% and a lightness of 64.3%. #5ab4ee color hex could be obtained by blending #b4ffff with #0069dd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 71
- B 93
RGB color chart
- C 62
- M 24
- Y 0
- K 7
CMYK color chart

● #5ab4ee color description : Soft blue.

The hexadecimal color #5ab4ee has RGB values of R:90, G:180, B:238 and CMYK values of C:0.62, M:0.24, Y:0, K:0.07. Its decimal value is 5944558.

Hex triplet	5ab4ee	`#5ab4ee`
RGB Decimal	90, 180, 238	`rgb(90,180,238)`
RGB Percent	35.3, 70.6, 93.3	`rgb(35.3%,70.6%,93.3%)`
CMYK	62, 24, 0, 7
HSL	203.5°, 81.3, 64.3	`hsl(203.5,81.3%,64.3%)`
HSV (or HSB)	203.5°, 62.2, 93.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.167, -9.756, -36.954
XYZ	35.967, 40.987, 86.9
xyY	0.22, 0.25, 40.987
CIE-LCH	70.167, 38.22, 255.211
CIE-LUV	70.167, -36.486, -58.037
Hunter-Lab	64.021, -11.756, -35.664
Binary	01011010, 10110100, 11101110

#5ab4ee
```
#5ab4ee rgb(90,180,238)
```
#ee945a
```
#ee945a rgb(238,148,90)
```

Complementary Color

#5aeede
```
#5aeede rgb(90,238,222)
```
#5ab4ee
```
#5ab4ee rgb(90,180,238)
```
#5a6aee
```
#5a6aee rgb(90,106,238)
```

Analogous Color

#eede5a
```
#eede5a rgb(238,222,90)
```
#5ab4ee
```
#5ab4ee rgb(90,180,238)
```
#ee5a6a
```
#ee5a6a rgb(238,90,106)
```

Split Complementary Color

#b4ee5a
```
#b4ee5a rgb(180,238,90)
```
#5ab4ee
```
#5ab4ee rgb(90,180,238)
```
#ee5ab4
```
#ee5ab4 rgb(238,90,180)
```

Triadic Color

#5aee94
```
#5aee94 rgb(90,238,148)
```
#5ab4ee
```
#5ab4ee rgb(90,180,238)
```
#ee5ab4
```
#ee5ab4 rgb(238,90,180)
```
#ee945a
```
#ee945a rgb(238,148,90)
```

Tetradic Color

#1794e4
```
#1794e4 rgb(23,148,228)
```
#2c9fe9
```
#2c9fe9 rgb(44,159,233)
```
#43a9ec
```
#43a9ec rgb(67,169,236)
```
#5ab4ee
```
#5ab4ee rgb(90,180,238)
```
#71bff0
```
#71bff0 rgb(113,191,240)
```
#88c9f3
```
#88c9f3 rgb(136,201,243)
```
#9fd4f5
```
#9fd4f5 rgb(159,212,245)
```

Monochromatic Color

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

#5ad9ee
```
#5ad9ee rgb(90,217,238)
```
#5acdee
```
#5acdee rgb(90,205,238)
```
#5ac0ee
```
#5ac0ee rgb(90,192,238)
```
#5ab4ee
```
#5ab4ee rgb(90,180,238)
```
#5aa8ee
```
#5aa8ee rgb(90,168,238)
```
#5a9bee
```
#5a9bee rgb(90,155,238)
```
#5a8fee
```
#5a8fee rgb(90,143,238)
```

Similar Colors

Text with hexadecimal color #5ab4ee

This text has a font color of #5ab4ee.

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

#5ab4ee background color

This paragraph has a background color of #5ab4ee.

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

#5ab4ee border color

This element has a border color of #5ab4ee.

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

CSS codes

.text {color:#5ab4ee;}

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

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

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, #01080d is the darkest color, while #fafdfe is the lightest one.

#01080d
```
#01080d rgb(1,8,13)
```
#03141f
```
#03141f rgb(3,20,31)
```
#051f30
```
#051f30 rgb(5,31,48)
```
#072b42
```
#072b42 rgb(7,43,66)
```
#093654
```
#093654 rgb(9,54,84)
```
#0a4266
```
#0a4266 rgb(10,66,102)
```
#0c4e78
```
#0c4e78 rgb(12,78,120)
```
#0e5989
```
#0e5989 rgb(14,89,137)
```
#10659b
```
#10659b rgb(16,101,155)
```
#1270ad
```
#1270ad rgb(18,112,173)
```
#147cbf
```
#147cbf rgb(20,124,191)
```
#1587d0
```
#1587d0 rgb(21,135,208)
```
#1793e2
```
#1793e2 rgb(23,147,226)
```

Shade Color Variation

#259ce9
```
#259ce9 rgb(37,156,233)
```
#36a4ea
```
#36a4ea rgb(54,164,234)
```
#48acec
```
#48acec rgb(72,172,236)
```
#5ab4ee
```
#5ab4ee rgb(90,180,238)
```
#6cbcf0
```
#6cbcf0 rgb(108,188,240)
```
#7ec4f2
```
#7ec4f2 rgb(126,196,242)
```
#8fccf3
```
#8fccf3 rgb(143,204,243)
```
#a1d4f5
```
#a1d4f5 rgb(161,212,245)
```
#b3dcf7
```
#b3dcf7 rgb(179,220,247)
```
#c5e4f9
```
#c5e4f9 rgb(197,228,249)
```
#d6edfb
```
#d6edfb rgb(214,237,251)
```
#e8f5fd
```
#e8f5fd rgb(232,245,253)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#a0a5a8
```
#a0a5a8 rgb(160,165,168)
```
#99a6af
```
#99a6af rgb(153,166,175)
```
#92a8b6
```
#92a8b6 rgb(146,168,182)
```
#8ba9bd
```
#8ba9bd rgb(139,169,189)
```
#84abc4
```
#84abc4 rgb(132,171,196)
```
#7daccb
```
#7daccb rgb(125,172,203)
```
#76aed2
```
#76aed2 rgb(118,174,210)
```
#6fafd9
```
#6fafd9 rgb(111,175,217)
```
#68b1e0
```
#68b1e0 rgb(104,177,224)
```
#61b2e7
```
#61b2e7 rgb(97,178,231)
```
#5ab4ee
```
#5ab4ee rgb(90,180,238)
```
#53b6f5
```
#53b6f5 rgb(83,182,245)
```
#4cb7fc
```
#4cb7fc rgb(76,183,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#92a4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dade7 Protanopia 1% of men
#94aef2 Deuteranopia 1% of men
#4cbecc Tritanopia 0.001% of the population

Trichromacy

#85b0ea Protanomaly 1% of men, 0.01% of women
#7fb0f0 Deuteranomaly 6% of men, 0.4% of women
#51bad8 Tritanomaly 0.01% of the population

#5ab4ee hex color

#5ab4ee Color Information

#5ab4ee Color Conversion

Color Schemes with #5ab4ee

Alternatives to #5ab4ee

#5ab4ee Preview

Shades and Tints of #5ab4ee

Tones of #5ab4ee

Color Blindness Simulator