#5ab4df hex color

In a RGB color space, hex #5ab4df is composed of 35.3% red, 70.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 19.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 199.4 degrees, a saturation of 67.5% and a lightness of 61.4%. #5ab4df color hex could be obtained by blending #b4ffff with #0069bf. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 71
- B 87
RGB color chart
- C 60
- M 19
- Y 0
- K 13
CMYK color chart

● #5ab4df color description : Soft blue.

The hexadecimal color #5ab4df has RGB values of R:90, G:180, B:223 and CMYK values of C:0.6, M:0.19, Y:0, K:0.13. Its decimal value is 5944543.

Hex triplet	5ab4df	`#5ab4df`
RGB Decimal	90, 180, 223	`rgb(90,180,223)`
RGB Percent	35.3, 70.6, 87.5	`rgb(35.3%,70.6%,87.5%)`
CMYK	60, 19, 0, 13
HSL	199.4°, 67.5, 61.4	`hsl(199.4,67.5%,61.4%)`
HSV (or HSB)	199.4°, 59.6, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.57, -14.411, -29.699
XYZ	33.854, 40.141, 75.772
xyY	0.226, 0.268, 40.141
CIE-LCH	69.57, 33.011, 244.116
CIE-LUV	69.57, -37.064, -45.088
Hunter-Lab	63.357, -15.498, -26.558
Binary	01011010, 10110100, 11011111

#5ab4df
```
#5ab4df rgb(90,180,223)
```
#df855a
```
#df855a rgb(223,133,90)
```

Complementary Color

#5adfc8
```
#5adfc8 rgb(90,223,200)
```
#5ab4df
```
#5ab4df rgb(90,180,223)
```
#5a72df
```
#5a72df rgb(90,114,223)
```

Analogous Color

#dfc85a
```
#dfc85a rgb(223,200,90)
```
#5ab4df
```
#5ab4df rgb(90,180,223)
```
#df5a72
```
#df5a72 rgb(223,90,114)
```

Split Complementary Color

#b4df5a
```
#b4df5a rgb(180,223,90)
```
#5ab4df
```
#5ab4df rgb(90,180,223)
```
#df5ab4
```
#df5ab4 rgb(223,90,180)
```

Triadic Color

#5adf85
```
#5adf85 rgb(90,223,133)
```
#5ab4df
```
#5ab4df rgb(90,180,223)
```
#df5ab4
```
#df5ab4 rgb(223,90,180)
```
#df855a
```
#df855a rgb(223,133,90)
```

Tetradic Color

#2692c6
```
#2692c6 rgb(38,146,198)
```
#2fa1d7
```
#2fa1d7 rgb(47,161,215)
```
#45aadb
```
#45aadb rgb(69,170,219)
```
#5ab4df
```
#5ab4df rgb(90,180,223)
```
#6fbee3
```
#6fbee3 rgb(111,190,227)
```
#85c7e7
```
#85c7e7 rgb(133,199,231)
```
#9ad1eb
```
#9ad1eb rgb(154,209,235)
```

Monochromatic Color

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

#5ad5df
```
#5ad5df rgb(90,213,223)
```
#5acadf
```
#5acadf rgb(90,202,223)
```
#5abfdf
```
#5abfdf rgb(90,191,223)
```
#5ab4df
```
#5ab4df rgb(90,180,223)
```
#5aa9df
```
#5aa9df rgb(90,169,223)
```
#5a9edf
```
#5a9edf rgb(90,158,223)
```
#5a93df
```
#5a93df rgb(90,147,223)
```

Similar Colors

Text with hexadecimal color #5ab4df

This text has a font color of #5ab4df.

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

#5ab4df background color

This paragraph has a background color of #5ab4df.

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

#5ab4df border color

This element has a border color of #5ab4df.

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

CSS codes

.text {color:#5ab4df;}

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

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

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, #030c10 is the darkest color, while #feffff is the lightest one.

#030c10
```
#030c10 rgb(3,12,16)
```
#061820
```
#061820 rgb(6,24,32)
```
#092431
```
#092431 rgb(9,36,49)
```
#0d3041
```
#0d3041 rgb(13,48,65)
```
#103c51
```
#103c51 rgb(16,60,81)
```
#134862
```
#134862 rgb(19,72,98)
```
#165572
```
#165572 rgb(22,85,114)
```
#196183
```
#196183 rgb(25,97,131)
```
#1d6d93
```
#1d6d93 rgb(29,109,147)
```
#2079a4
```
#2079a4 rgb(32,121,164)
```
#2385b4
```
#2385b4 rgb(35,133,180)
```
#2691c4
```
#2691c4 rgb(38,145,196)
```
#299dd5
```
#299dd5 rgb(41,157,213)
```

Shade Color Variation

#39a5d9
```
#39a5d9 rgb(57,165,217)
```
#4aaddc
```
#4aaddc rgb(74,173,220)
```
#5ab4df
```
#5ab4df rgb(90,180,223)
```
#6abbe2
```
#6abbe2 rgb(106,187,226)
```
#7bc3e5
```
#7bc3e5 rgb(123,195,229)
```
#8bcae9
```
#8bcae9 rgb(139,202,233)
```
#9cd2ec
```
#9cd2ec rgb(156,210,236)
```
#acd9ef
```
#acd9ef rgb(172,217,239)
```
#bde1f2
```
#bde1f2 rgb(189,225,242)
```
#cde8f5
```
#cde8f5 rgb(205,232,245)
```
#ddf0f8
```
#ddf0f8 rgb(221,240,248)
```
#eef7fc
```
#eef7fc rgb(238,247,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979fa2 is the less saturated color, while #3cbffd is the most saturated one.

#979fa2
```
#979fa2 rgb(151,159,162)
```
#8fa1aa
```
#8fa1aa rgb(143,161,170)
```
#87a4b2
```
#87a4b2 rgb(135,164,178)
```
#80a7b9
```
#80a7b9 rgb(128,167,185)
```
#78a9c1
```
#78a9c1 rgb(120,169,193)
```
#71acc8
```
#71acc8 rgb(113,172,200)
```
#69afd0
```
#69afd0 rgb(105,175,208)
```
#62b1d7
```
#62b1d7 rgb(98,177,215)
```
#5ab4df
```
#5ab4df rgb(90,180,223)
```
#52b7e7
```
#52b7e7 rgb(82,183,231)
```
#4bb9ee
```
#4bb9ee rgb(75,185,238)
```
#43bcf6
```
#43bcf6 rgb(67,188,246)
```
#3cbffd
```
#3cbffd rgb(60,191,253)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#90a2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2acd9 Protanopia 1% of men
#9dace5 Deuteranopia 1% of men
#55bcc9 Tritanopia 0.001% of the population

Trichromacy

#88afdb Protanomaly 1% of men, 0.01% of women
#85aee2 Deuteranomaly 6% of men, 0.4% of women
#57b9d1 Tritanomaly 0.01% of the population

#5ab4df hex color

#5ab4df Color Information

#5ab4df Color Conversion

Color Schemes with #5ab4df

Alternatives to #5ab4df

#5ab4df Preview

Shades and Tints of #5ab4df

Tones of #5ab4df

Color Blindness Simulator