#5ab2ee hex color

In a RGB color space, hex #5ab2ee is composed of 35.3% red, 69.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 25.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 204.3 degrees, a saturation of 81.3% and a lightness of 64.3%. #5ab2ee color hex could be obtained by blending #b4ffff with #0065dd. Closest websafe color is: #6699ff.

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

● #5ab2ee color description : Soft blue.

The hexadecimal color #5ab2ee has RGB values of R:90, G:178, B:238 and CMYK values of C:0.62, M:0.25, Y:0, K:0.07. Its decimal value is 5944046.

Hex triplet	5ab2ee	`#5ab2ee`
RGB Decimal	90, 178, 238	`rgb(90,178,238)`
RGB Percent	35.3, 69.8, 93.3	`rgb(35.3%,69.8%,93.3%)`
CMYK	62, 25, 0, 7
HSL	204.3°, 81.3, 64.3	`hsl(204.3,81.3%,64.3%)`
HSV (or HSB)	204.3°, 62.2, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.601, -8.667, -37.834
XYZ	35.566, 40.185, 86.766
xyY	0.219, 0.247, 40.185
CIE-LCH	69.601, 38.814, 257.097
CIE-LUV	69.601, -35.768, -59.608
Hunter-Lab	63.392, -10.788, -36.778
Binary	01011010, 10110010, 11101110

#5ab2ee
```
#5ab2ee rgb(90,178,238)
```
#ee965a
```
#ee965a rgb(238,150,90)
```

Complementary Color

#5aeee0
```
#5aeee0 rgb(90,238,224)
```
#5ab2ee
```
#5ab2ee rgb(90,178,238)
```
#5a68ee
```
#5a68ee rgb(90,104,238)
```

Analogous Color

#eee05a
```
#eee05a rgb(238,224,90)
```
#5ab2ee
```
#5ab2ee rgb(90,178,238)
```
#ee5a68
```
#ee5a68 rgb(238,90,104)
```

Split Complementary Color

#b2ee5a
```
#b2ee5a rgb(178,238,90)
```
#5ab2ee
```
#5ab2ee rgb(90,178,238)
```
#ee5ab2
```
#ee5ab2 rgb(238,90,178)
```

Triadic Color

#5aee96
```
#5aee96 rgb(90,238,150)
```
#5ab2ee
```
#5ab2ee rgb(90,178,238)
```
#ee5ab2
```
#ee5ab2 rgb(238,90,178)
```
#ee965a
```
#ee965a rgb(238,150,90)
```

Tetradic Color

#1791e4
```
#1791e4 rgb(23,145,228)
```
#2c9ce9
```
#2c9ce9 rgb(44,156,233)
```
#43a7ec
```
#43a7ec rgb(67,167,236)
```
#5ab2ee
```
#5ab2ee rgb(90,178,238)
```
#71bdf0
```
#71bdf0 rgb(113,189,240)
```
#88c8f3
```
#88c8f3 rgb(136,200,243)
```
#9fd2f5
```
#9fd2f5 rgb(159,210,245)
```

Monochromatic Color

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

#5ad7ee
```
#5ad7ee rgb(90,215,238)
```
#5acbee
```
#5acbee rgb(90,203,238)
```
#5abeee
```
#5abeee rgb(90,190,238)
```
#5ab2ee
```
#5ab2ee rgb(90,178,238)
```
#5aa6ee
```
#5aa6ee rgb(90,166,238)
```
#5a99ee
```
#5a99ee rgb(90,153,238)
```
#5a8dee
```
#5a8dee rgb(90,141,238)
```

Similar Colors

Text with hexadecimal color #5ab2ee

This text has a font color of #5ab2ee.

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

#5ab2ee background color

This paragraph has a background color of #5ab2ee.

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

#5ab2ee border color

This element has a border color of #5ab2ee.

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

CSS codes

.text {color:#5ab2ee;}

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

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

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)
```
#03131f
```
#03131f rgb(3,19,31)
```
#051f30
```
#051f30 rgb(5,31,48)
```
#072a42
```
#072a42 rgb(7,42,66)
```
#093554
```
#093554 rgb(9,53,84)
```
#0a4166
```
#0a4166 rgb(10,65,102)
```
#0c4c78
```
#0c4c78 rgb(12,76,120)
```
#0e5789
```
#0e5789 rgb(14,87,137)
```
#10639b
```
#10639b rgb(16,99,155)
```
#126ead
```
#126ead rgb(18,110,173)
```
#1479bf
```
#1479bf rgb(20,121,191)
```
#1585d0
```
#1585d0 rgb(21,133,208)
```
#1790e2
```
#1790e2 rgb(23,144,226)
```

Shade Color Variation

#2599e9
```
#2599e9 rgb(37,153,233)
```
#36a1ea
```
#36a1ea rgb(54,161,234)
```
#48aaec
```
#48aaec rgb(72,170,236)
```
#5ab2ee
```
#5ab2ee rgb(90,178,238)
```
#6cbaf0
```
#6cbaf0 rgb(108,186,240)
```
#7ec3f2
```
#7ec3f2 rgb(126,195,242)
```
#8fcbf3
```
#8fcbf3 rgb(143,203,243)
```
#a1d3f5
```
#a1d3f5 rgb(161,211,245)
```
#b3dbf7
```
#b3dbf7 rgb(179,219,247)
```
#c5e4f9
```
#c5e4f9 rgb(197,228,249)
```
#d6ecfb
```
#d6ecfb rgb(214,236,251)
```
#e8f4fd
```
#e8f4fd rgb(232,244,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 #4cb5fc is the most saturated one.

#a0a5a8
```
#a0a5a8 rgb(160,165,168)
```
#99a6af
```
#99a6af rgb(153,166,175)
```
#92a7b6
```
#92a7b6 rgb(146,167,182)
```
#8ba9bd
```
#8ba9bd rgb(139,169,189)
```
#84aac4
```
#84aac4 rgb(132,170,196)
```
#7dabcb
```
#7dabcb rgb(125,171,203)
```
#76add2
```
#76add2 rgb(118,173,210)
```
#6faed9
```
#6faed9 rgb(111,174,217)
```
#68afe0
```
#68afe0 rgb(104,175,224)
```
#61b1e7
```
#61b1e7 rgb(97,177,231)
```
#5ab2ee
```
#5ab2ee rgb(90,178,238)
```
#53b3f5
```
#53b3f5 rgb(83,179,245)
```
#4cb5fc
```
#4cb5fc rgb(76,181,252)
```

Tone Color Variation

Below, you can see how #5ab2ee 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
#91a3af Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bace8 Protanopia 1% of men
#91adf2 Deuteranopia 1% of men
#4bbdca Tritanopia 0.001% of the population

Trichromacy

#83aeea Protanomaly 1% of men, 0.01% of women
#7daef0 Deuteranomaly 6% of men, 0.4% of women
#50b9d7 Tritanomaly 0.01% of the population

#5ab2ee hex color

#5ab2ee Color Information

#5ab2ee Color Conversion

Color Schemes with #5ab2ee

Alternatives to #5ab2ee

#5ab2ee Preview

Shades and Tints of #5ab2ee

Tones of #5ab2ee

Color Blindness Simulator