#5ab6d2 hex color

In a RGB color space, hex #5ab6d2 is composed of 35.3% red, 71.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 13.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 194 degrees, a saturation of 57.1% and a lightness of 58.8%. #5ab6d2 color hex could be obtained by blending #b4ffff with #006da5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 71
- B 82
RGB color chart
- C 57
- M 13
- Y 0
- K 18
CMYK color chart

● #5ab6d2 color description : Moderate cyan.

The hexadecimal color #5ab6d2 has RGB values of R:90, G:182, B:210 and CMYK values of C:0.57, M:0.13, Y:0, K:0.18. Its decimal value is 5945042.

Hex triplet	5ab6d2	`#5ab6d2`
RGB Decimal	90, 182, 210	`rgb(90,182,210)`
RGB Percent	35.3, 71.4, 82.4	`rgb(35.3%,71.4%,82.4%)`
CMYK	57, 13, 0, 18
HSL	194°, 57.1, 58.8	`hsl(194,57.1%,58.8%)`
HSV (or HSB)	194°, 57.1, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.669, -19.358, -22.43
XYZ	32.574, 40.28, 67.027
xyY	0.233, 0.288, 40.28
CIE-LCH	69.669, 29.629, 229.205
CIE-LUV	69.669, -38.337, -32.297
Hunter-Lab	63.467, -19.452, -18.19
Binary	01011010, 10110110, 11010010

#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#d2765a
```
#d2765a rgb(210,118,90)
```

Complementary Color

#5ad2b2
```
#5ad2b2 rgb(90,210,178)
```
#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#5a7ad2
```
#5a7ad2 rgb(90,122,210)
```

Analogous Color

#d2b25a
```
#d2b25a rgb(210,178,90)
```
#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#d25a7a
```
#d25a7a rgb(210,90,122)
```

Split Complementary Color

#b6d25a
```
#b6d25a rgb(182,210,90)
```
#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#d25ab6
```
#d25ab6 rgb(210,90,182)
```

Triadic Color

#5ad276
```
#5ad276 rgb(90,210,118)
```
#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#d25ab6
```
#d25ab6 rgb(210,90,182)
```
#d2765a
```
#d2765a rgb(210,118,90)
```

Tetradic Color

#3092b0
```
#3092b0 rgb(48,146,176)
```
#35a2c4
```
#35a2c4 rgb(53,162,196)
```
#46adcd
```
#46adcd rgb(70,173,205)
```
#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#6ebfd7
```
#6ebfd7 rgb(110,191,215)
```
#82c8dd
```
#82c8dd rgb(130,200,221)
```
#96d1e2
```
#96d1e2 rgb(150,209,226)
```

Monochromatic Color

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

#5ad2d0
```
#5ad2d0 rgb(90,210,208)
```
#5acad2
```
#5acad2 rgb(90,202,210)
```
#5ac0d2
```
#5ac0d2 rgb(90,192,210)
```
#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#5aacd2
```
#5aacd2 rgb(90,172,210)
```
#5aa2d2
```
#5aa2d2 rgb(90,162,210)
```
#5a98d2
```
#5a98d2 rgb(90,152,210)
```

Similar Colors

Text with hexadecimal color #5ab6d2

This text has a font color of #5ab6d2.

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

#5ab6d2 background color

This paragraph has a background color of #5ab6d2.

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

#5ab6d2 border color

This element has a border color of #5ab6d2.

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

CSS codes

.text {color:#5ab6d2;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051114
```
#051114 rgb(5,17,20)
```
#0a1d23
```
#0a1d23 rgb(10,29,35)
```
#0e2a33
```
#0e2a33 rgb(14,42,51)
```
#123742
```
#123742 rgb(18,55,66)
```
#164452
```
#164452 rgb(22,68,82)
```
#1a5161
```
#1a5161 rgb(26,81,97)
```
#1f5d70
```
#1f5d70 rgb(31,93,112)
```
#236a80
```
#236a80 rgb(35,106,128)
```
#27778f
```
#27778f rgb(39,119,143)
```
#2b849f
```
#2b849f rgb(43,132,159)
```
#2f91ae
```
#2f91ae rgb(47,145,174)
```
#349dbd
```
#349dbd rgb(52,157,189)
```

Shade Color Variation

#3ba8ca
```
#3ba8ca rgb(59,168,202)
```
#4bafce
```
#4bafce rgb(75,175,206)
```
#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#69bdd6
```
#69bdd6 rgb(105,189,214)
```
#79c4da
```
#79c4da rgb(121,196,218)
```
#88cadf
```
#88cadf rgb(136,202,223)
```
#98d1e3
```
#98d1e3 rgb(152,209,227)
```
#a7d8e7
```
#a7d8e7 rgb(167,216,231)
```
#b6dfeb
```
#b6dfeb rgb(182,223,235)
```
#c6e6ef
```
#c6e6ef rgb(198,230,239)
```
#d5edf4
```
#d5edf4 rgb(213,237,244)
```
#e5f3f8
```
#e5f3f8 rgb(229,243,248)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

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

#939899
```
#939899 rgb(147,152,153)
```
#8a9ca2
```
#8a9ca2 rgb(138,156,162)
```
#82a0aa
```
#82a0aa rgb(130,160,170)
```
#7aa5b2
```
#7aa5b2 rgb(122,165,178)
```
#72a9ba
```
#72a9ba rgb(114,169,186)
```
#6aadc2
```
#6aadc2 rgb(106,173,194)
```
#62b2ca
```
#62b2ca rgb(98,178,202)
```
#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#52bada
```
#52bada rgb(82,186,218)
```
#4abfe2
```
#4abfe2 rgb(74,191,226)
```
#42c3ea
```
#42c3ea rgb(66,195,234)
```
#3ac7f2
```
#3ac7f2 rgb(58,199,242)
```
#32ccfa
```
#32ccfa rgb(50,204,250)
```

Tone Color Variation

Below, you can see how #5ab6d2 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
#90a3a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7adcc Protanopia 1% of men
#a6abd9 Deuteranopia 1% of men
#5cbbc9 Tritanopia 0.001% of the population

Trichromacy

#8bb0ce Protanomaly 1% of men, 0.01% of women
#8aafd6 Deuteranomaly 6% of men, 0.4% of women
#5bb9cc Tritanomaly 0.01% of the population

#5ab6d2 hex color

#5ab6d2 Color Information

#5ab6d2 Color Conversion

Color Schemes with #5ab6d2

Alternatives to #5ab6d2

#5ab6d2 Preview

Shades and Tints of #5ab6d2

Tones of #5ab6d2

Color Blindness Simulator