#5ab4d6 hex color

In a RGB color space, hex #5ab4d6 is composed of 35.3% red, 70.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 15.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 196.5 degrees, a saturation of 60.2% and a lightness of 59.6%. #5ab4d6 color hex could be obtained by blending #b4ffff with #0069ad. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 71
- B 84
RGB color chart
- C 58
- M 16
- Y 0
- K 16
CMYK color chart

● #5ab4d6 color description : Moderate blue.

The hexadecimal color #5ab4d6 has RGB values of R:90, G:180, B:214 and CMYK values of C:0.58, M:0.16, Y:0, K:0.16. Its decimal value is 5944534.

Hex triplet	5ab4d6	`#5ab4d6`
RGB Decimal	90, 180, 214	`rgb(90,180,214)`
RGB Percent	35.3, 70.6, 83.9	`rgb(35.3%,70.6%,83.9%)`
CMYK	58, 16, 0, 16
HSL	196.5°, 60.2, 59.6	`hsl(196.5,60.2%,59.6%)`
HSV (or HSB)	196.5°, 57.9, 83.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.233, -17.13, -25.29
XYZ	32.672, 39.669, 69.55
xyY	0.23, 0.28, 39.669
CIE-LCH	69.233, 30.545, 235.888
CIE-LUV	69.233, -37.423, -37.315
Hunter-Lab	62.983, -17.625, -21.383
Binary	01011010, 10110100, 11010110

#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#d67c5a
```
#d67c5a rgb(214,124,90)
```

Complementary Color

#5ad6ba
```
#5ad6ba rgb(90,214,186)
```
#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#5a76d6
```
#5a76d6 rgb(90,118,214)
```

Analogous Color

#d6ba5a
```
#d6ba5a rgb(214,186,90)
```
#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#d65a76
```
#d65a76 rgb(214,90,118)
```

Split Complementary Color

#b4d65a
```
#b4d65a rgb(180,214,90)
```
#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#d65ab4
```
#d65ab4 rgb(214,90,180)
```

Triadic Color

#5ad67c
```
#5ad67c rgb(90,214,124)
```
#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#d65ab4
```
#d65ab4 rgb(214,90,180)
```
#d67c5a
```
#d67c5a rgb(214,124,90)
```

Tetradic Color

#2d91b6
```
#2d91b6 rgb(45,145,182)
```
#32a1cb
```
#32a1cb rgb(50,161,203)
```
#46abd1
```
#46abd1 rgb(70,171,209)
```
#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#6ebddb
```
#6ebddb rgb(110,189,219)
```
#83c7e0
```
#83c7e0 rgb(131,199,224)
```
#97d0e5
```
#97d0e5 rgb(151,208,229)
```

Monochromatic Color

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

#5ad3d6
```
#5ad3d6 rgb(90,211,214)
```
#5ac9d6
```
#5ac9d6 rgb(90,201,214)
```
#5abed6
```
#5abed6 rgb(90,190,214)
```
#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#5aaad6
```
#5aaad6 rgb(90,170,214)
```
#5a9fd6
```
#5a9fd6 rgb(90,159,214)
```
#5a95d6
```
#5a95d6 rgb(90,149,214)
```

Similar Colors

Text with hexadecimal color #5ab4d6

This text has a font color of #5ab4d6.

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

#5ab4d6 background color

This paragraph has a background color of #5ab4d6.

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

#5ab4d6 border color

This element has a border color of #5ab4d6.

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

CSS codes

.text {color:#5ab4d6;}

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

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

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, #020608 is the darkest color, while #f7fbfd is the lightest one.

#020608
```
#020608 rgb(2,6,8)
```
#061318
```
#061318 rgb(6,19,24)
```
#0a1f27
```
#0a1f27 rgb(10,31,39)
```
#0e2c37
```
#0e2c37 rgb(14,44,55)
```
#123847
```
#123847 rgb(18,56,71)
```
#154556
```
#154556 rgb(21,69,86)
```
#195166
```
#195166 rgb(25,81,102)
```
#1d5e76
```
#1d5e76 rgb(29,94,118)
```
#216a86
```
#216a86 rgb(33,106,134)
```
#257695
```
#257695 rgb(37,118,149)
```
#2983a5
```
#2983a5 rgb(41,131,165)
```
#2d8fb5
```
#2d8fb5 rgb(45,143,181)
```
#319cc4
```
#319cc4 rgb(49,156,196)
```

Shade Color Variation

#3ba6ce
```
#3ba6ce rgb(59,166,206)
```
#4aadd2
```
#4aadd2 rgb(74,173,210)
```
#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#6abbda
```
#6abbda rgb(106,187,218)
```
#79c2de
```
#79c2de rgb(121,194,222)
```
#89c9e2
```
#89c9e2 rgb(137,201,226)
```
#99d1e6
```
#99d1e6 rgb(153,209,230)
```
#a9d8ea
```
#a9d8ea rgb(169,216,234)
```
#b8dfed
```
#b8dfed rgb(184,223,237)
```
#c8e6f1
```
#c8e6f1 rgb(200,230,241)
```
#d8edf5
```
#d8edf5 rgb(216,237,245)
```
#e7f4f9
```
#e7f4f9 rgb(231,244,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919b9f is the less saturated color, while #32c6fe is the most saturated one.

#919b9f
```
#919b9f rgb(145,155,159)
```
#8a9fa6
```
#8a9fa6 rgb(138,159,166)
```
#82a2ae
```
#82a2ae rgb(130,162,174)
```
#7aa6b6
```
#7aa6b6 rgb(122,166,182)
```
#72a9be
```
#72a9be rgb(114,169,190)
```
#6aadc6
```
#6aadc6 rgb(106,173,198)
```
#62b0ce
```
#62b0ce rgb(98,176,206)
```
#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#52b8de
```
#52b8de rgb(82,184,222)
```
#4abbe6
```
#4abbe6 rgb(74,187,230)
```
#42bfee
```
#42bfee rgb(66,191,238)
```
#3ac2f6
```
#3ac2f6 rgb(58,194,246)
```
#32c6fe
```
#32c6fe rgb(50,198,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#90a2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4abd0 Protanopia 1% of men
#a2aadd Deuteranopia 1% of men
#5abac8 Tritanopia 0.001% of the population

Trichromacy

#89aed2 Protanomaly 1% of men, 0.01% of women
#88aeda Deuteranomaly 6% of men, 0.4% of women
#5ab8cd Tritanomaly 0.01% of the population

#5ab4d6 hex color

#5ab4d6 Color Information

#5ab4d6 Color Conversion

Color Schemes with #5ab4d6

Alternatives to #5ab4d6

#5ab4d6 Preview

Shades and Tints of #5ab4d6

Tones of #5ab4d6

Color Blindness Simulator