#5ab9fe hex color

In a RGB color space, hex #5ab9fe is composed of 35.3% red, 72.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 27.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 205.2 degrees, a saturation of 98.8% and a lightness of 67.5%. #5ab9fe color hex could be obtained by blending #b4ffff with #0073fd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 73
- B 100
RGB color chart
- C 65
- M 27
- Y 0
- K 0
CMYK color chart

● #5ab9fe color description : Soft blue.

The hexadecimal color #5ab9fe has RGB values of R:90, G:185, B:254 and CMYK values of C:0.65, M:0.27, Y:0, K:0. Its decimal value is 5945854.

Hex triplet	5ab9fe	`#5ab9fe`
RGB Decimal	90, 185, 254	`rgb(90,185,254)`
RGB Percent	35.3, 72.5, 99.6	`rgb(35.3%,72.5%,99.6%)`
CMYK	65, 27, 0, 0
HSL	205.2°, 98.8, 67.5	`hsl(205.2,98.8%,67.5%)`
HSV (or HSB)	205.2°, 64.6, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.245, -7.395, -42.376
XYZ	39.45, 44.024, 100.179
xyY	0.215, 0.24, 44.024
CIE-LCH	72.245, 43.016, 260.101
CIE-LUV	72.245, -37.655, -67.862
Hunter-Lab	66.351, -9.983, -43.073
Binary	01011010, 10111001, 11111110

#5ab9fe
```
#5ab9fe rgb(90,185,254)
```
#fe9f5a
```
#fe9f5a rgb(254,159,90)
```

Complementary Color

#5afef1
```
#5afef1 rgb(90,254,241)
```
#5ab9fe
```
#5ab9fe rgb(90,185,254)
```
#5a67fe
```
#5a67fe rgb(90,103,254)
```

Analogous Color

#fef15a
```
#fef15a rgb(254,241,90)
```
#5ab9fe
```
#5ab9fe rgb(90,185,254)
```
#fe5a67
```
#fe5a67 rgb(254,90,103)
```

Split Complementary Color

#b9fe5a
```
#b9fe5a rgb(185,254,90)
```
#5ab9fe
```
#5ab9fe rgb(90,185,254)
```
#fe5ab9
```
#fe5ab9 rgb(254,90,185)
```

Triadic Color

#5afe9f
```
#5afe9f rgb(90,254,159)
```
#5ab9fe
```
#5ab9fe rgb(90,185,254)
```
#fe5ab9
```
#fe5ab9 rgb(254,90,185)
```
#fe9f5a
```
#fe9f5a rgb(254,159,90)
```

Tetradic Color

#0e99fe
```
#0e99fe rgb(14,153,254)
```
#27a3fe
```
#27a3fe rgb(39,163,254)
```
#41aefe
```
#41aefe rgb(65,174,254)
```
#5ab9fe
```
#5ab9fe rgb(90,185,254)
```
#73c4fe
```
#73c4fe rgb(115,196,254)
```
#8dcffe
```
#8dcffe rgb(141,207,254)
```
#a6d9fe
```
#a6d9fe rgb(166,217,254)
```

Monochromatic Color

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

#5ae2fe
```
#5ae2fe rgb(90,226,254)
```
#5ad4fe
```
#5ad4fe rgb(90,212,254)
```
#5ac7fe
```
#5ac7fe rgb(90,199,254)
```
#5ab9fe
```
#5ab9fe rgb(90,185,254)
```
#5aabfe
```
#5aabfe rgb(90,171,254)
```
#5a9efe
```
#5a9efe rgb(90,158,254)
```
#5a90fe
```
#5a90fe rgb(90,144,254)
```

Similar Colors

Text with hexadecimal color #5ab9fe

This text has a font color of #5ab9fe.

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

#5ab9fe background color

This paragraph has a background color of #5ab9fe.

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

#5ab9fe border color

This element has a border color of #5ab9fe.

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

CSS codes

.text {color:#5ab9fe;}

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

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

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

#00060a
```
#00060a rgb(0,6,10)
```
#00111e
```
#00111e rgb(0,17,30)
```
#001d31
```
#001d31 rgb(0,29,49)
```
#002845
```
#002845 rgb(0,40,69)
```
#013358
```
#013358 rgb(1,51,88)
```
#013f6c
```
#013f6c rgb(1,63,108)
```
#014a7f
```
#014a7f rgb(1,74,127)
```
#015693
```
#015693 rgb(1,86,147)
```
#0161a6
```
#0161a6 rgb(1,97,166)
```
#016cba
```
#016cba rgb(1,108,186)
```
#0178cd
```
#0178cd rgb(1,120,205)
```
#0183e1
```
#0183e1 rgb(1,131,225)
```
#018ef4
```
#018ef4 rgb(1,142,244)
```

Shade Color Variation

#0c98fe
```
#0c98fe rgb(12,152,254)
```
#20a0fe
```
#20a0fe rgb(32,160,254)
```
#33a8fe
```
#33a8fe rgb(51,168,254)
```
#47b1fe
```
#47b1fe rgb(71,177,254)
```
#5ab9fe
```
#5ab9fe rgb(90,185,254)
```
#6dc1fe
```
#6dc1fe rgb(109,193,254)
```
#81cafe
```
#81cafe rgb(129,202,254)
```
#94d2fe
```
#94d2fe rgb(148,210,254)
```
#a8dafe
```
#a8dafe rgb(168,218,254)
```
#bbe2ff
```
#bbe2ff rgb(187,226,255)
```
#cfebff
```
#cfebff rgb(207,235,255)
```
#e2f3ff
```
#e2f3ff rgb(226,243,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#a7adb1
```
#a7adb1 rgb(167,173,177)
```
#a0aeb8
```
#a0aeb8 rgb(160,174,184)
```
#9aafbe
```
#9aafbe rgb(154,175,190)
```
#93b0c5
```
#93b0c5 rgb(147,176,197)
```
#8db1cb
```
#8db1cb rgb(141,177,203)
```
#87b2d1
```
#87b2d1 rgb(135,178,209)
```
#80b3d8
```
#80b3d8 rgb(128,179,216)
```
#7ab4de
```
#7ab4de rgb(122,180,222)
```
#74b5e4
```
#74b5e4 rgb(116,181,228)
```
#6db6eb
```
#6db6eb rgb(109,182,235)
```
#67b7f1
```
#67b7f1 rgb(103,183,241)
```
#60b8f8
```
#60b8f8 rgb(96,184,248)
```
#5ab9fe
```
#5ab9fe rgb(90,185,254)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#95a8b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb2f7 Protanopia 1% of men
#93b4ff Deuteranopia 1% of men
#42c5d3 Tritanopia 0.001% of the population

Trichromacy

#85b5f9 Protanomaly 1% of men, 0.01% of women
#7eb5fe Deuteranomaly 6% of men, 0.4% of women
#4bc0e2 Tritanomaly 0.01% of the population

#5ab9fe hex color

#5ab9fe Color Information

#5ab9fe Color Conversion

Color Schemes with #5ab9fe

Alternatives to #5ab9fe

#5ab9fe Preview

Shades and Tints of #5ab9fe

Tones of #5ab9fe

Color Blindness Simulator