#5ab4fe hex color

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

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

● #5ab4fe color description : Soft blue.

The hexadecimal color #5ab4fe has RGB values of R:90, G:180, B:254 and CMYK values of C:0.65, M:0.29, Y:0, K:0. Its decimal value is 5944574.

Hex triplet	5ab4fe	`#5ab4fe`
RGB Decimal	90, 180, 254	`rgb(90,180,254)`
RGB Percent	35.3, 70.6, 99.6	`rgb(35.3%,70.6%,99.6%)`
CMYK	65, 29, 0, 0
HSL	207.1°, 98.8, 67.5	`hsl(207.1,98.8%,67.5%)`
HSV (or HSB)	207.1°, 64.6, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.85, -4.648, -44.559
XYZ	38.423, 41.969, 99.836
xyY	0.213, 0.233, 41.969
CIE-LCH	70.85, 44.801, 264.044
CIE-LUV	70.85, -35.903, -71.762
Hunter-Lab	64.784, -7.504, -46.022
Binary	01011010, 10110100, 11111110

#5ab4fe
```
#5ab4fe rgb(90,180,254)
```
#fea45a
```
#fea45a rgb(254,164,90)
```

Complementary Color

#5afef6
```
#5afef6 rgb(90,254,246)
```
#5ab4fe
```
#5ab4fe rgb(90,180,254)
```
#5a62fe
```
#5a62fe rgb(90,98,254)
```

Analogous Color

#fef65a
```
#fef65a rgb(254,246,90)
```
#5ab4fe
```
#5ab4fe rgb(90,180,254)
```
#fe5a62
```
#fe5a62 rgb(254,90,98)
```

Split Complementary Color

#b4fe5a
```
#b4fe5a rgb(180,254,90)
```
#5ab4fe
```
#5ab4fe rgb(90,180,254)
```
#fe5ab4
```
#fe5ab4 rgb(254,90,180)
```

Triadic Color

#5afea4
```
#5afea4 rgb(90,254,164)
```
#5ab4fe
```
#5ab4fe rgb(90,180,254)
```
#fe5ab4
```
#fe5ab4 rgb(254,90,180)
```
#fea45a
```
#fea45a rgb(254,164,90)
```

Tetradic Color

#0e91fe
```
#0e91fe rgb(14,145,254)
```
#279dfe
```
#279dfe rgb(39,157,254)
```
#41a8fe
```
#41a8fe rgb(65,168,254)
```
#5ab4fe
```
#5ab4fe rgb(90,180,254)
```
#73c0fe
```
#73c0fe rgb(115,192,254)
```
#8dcbfe
```
#8dcbfe rgb(141,203,254)
```
#a6d7fe
```
#a6d7fe rgb(166,215,254)
```

Monochromatic Color

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

#5addfe
```
#5addfe rgb(90,221,254)
```
#5acffe
```
#5acffe rgb(90,207,254)
```
#5ac2fe
```
#5ac2fe rgb(90,194,254)
```
#5ab4fe
```
#5ab4fe rgb(90,180,254)
```
#5aa6fe
```
#5aa6fe rgb(90,166,254)
```
#5a99fe
```
#5a99fe rgb(90,153,254)
```
#5a8bfe
```
#5a8bfe rgb(90,139,254)
```

Similar Colors

Text with hexadecimal color #5ab4fe

This text has a font color of #5ab4fe.

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

#5ab4fe background color

This paragraph has a background color of #5ab4fe.

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

#5ab4fe border color

This element has a border color of #5ab4fe.

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

CSS codes

.text {color:#5ab4fe;}

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

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

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)
```
#001b31
```
#001b31 rgb(0,27,49)
```
#002645
```
#002645 rgb(0,38,69)
```
#013158
```
#013158 rgb(1,49,88)
```
#013c6c
```
#013c6c rgb(1,60,108)
```
#01467f
```
#01467f rgb(1,70,127)
```
#015193
```
#015193 rgb(1,81,147)
```
#015ca6
```
#015ca6 rgb(1,92,166)
```
#0167ba
```
#0167ba rgb(1,103,186)
```
#0171cd
```
#0171cd rgb(1,113,205)
```
#017ce1
```
#017ce1 rgb(1,124,225)
```
#0187f4
```
#0187f4 rgb(1,135,244)
```

Shade Color Variation

#0c91fe
```
#0c91fe rgb(12,145,254)
```
#2099fe
```
#2099fe rgb(32,153,254)
```
#33a2fe
```
#33a2fe rgb(51,162,254)
```
#47abfe
```
#47abfe rgb(71,171,254)
```
#5ab4fe
```
#5ab4fe rgb(90,180,254)
```
#6dbdfe
```
#6dbdfe rgb(109,189,254)
```
#81c6fe
```
#81c6fe rgb(129,198,254)
```
#94cffe
```
#94cffe rgb(148,207,254)
```
#a8d7fe
```
#a8d7fe rgb(168,215,254)
```
#bbe0ff
```
#bbe0ff rgb(187,224,255)
```
#cfe9ff
```
#cfe9ff rgb(207,233,255)
```
#e2f2ff
```
#e2f2ff rgb(226,242,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 #5ab4fe is the most saturated one.

#a7adb1
```
#a7adb1 rgb(167,173,177)
```
#a0adb8
```
#a0adb8 rgb(160,173,184)
```
#9aaebe
```
#9aaebe rgb(154,174,190)
```
#93aec5
```
#93aec5 rgb(147,174,197)
```
#8dafcb
```
#8dafcb rgb(141,175,203)
```
#87b0d1
```
#87b0d1 rgb(135,176,209)
```
#80b0d8
```
#80b0d8 rgb(128,176,216)
```
#7ab1de
```
#7ab1de rgb(122,177,222)
```
#74b2e4
```
#74b2e4 rgb(116,178,228)
```
#6db2eb
```
#6db2eb rgb(109,178,235)
```
#67b3f1
```
#67b3f1 rgb(103,179,241)
```
#60b3f8
```
#60b3f8 rgb(96,179,248)
```
#5ab4fe
```
#5ab4fe rgb(90,180,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a6b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98aff7 Protanopia 1% of men
#8bb0ff Deuteranopia 1% of men
#3fc1cf Tritanopia 0.001% of the population

Trichromacy

#81b0f9 Protanomaly 1% of men, 0.01% of women
#79b2fe Deuteranomaly 6% of men, 0.4% of women
#48bce0 Tritanomaly 0.01% of the population

#5ab4fe hex color

#5ab4fe Color Information

#5ab4fe Color Conversion

Color Schemes with #5ab4fe

Alternatives to #5ab4fe

#5ab4fe Preview

Shades and Tints of #5ab4fe

Tones of #5ab4fe

Color Blindness Simulator