#5ab3cd hex color

In a RGB color space, hex #5ab3cd is composed of 35.3% red, 70.2% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 12.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 193.6 degrees, a saturation of 53.5% and a lightness of 57.8%. #5ab3cd color hex could be obtained by blending #b4ffff with #00679b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 70
- B 80
RGB color chart
- C 56
- M 13
- Y 0
- K 20
CMYK color chart

● #5ab3cd color description : Moderate cyan.

The hexadecimal color #5ab3cd has RGB values of R:90, G:179, B:205 and CMYK values of C:0.56, M:0.13, Y:0, K:0.2. Its decimal value is 5944269.

Hex triplet	5ab3cd	`#5ab3cd`
RGB Decimal	90, 179, 205	`rgb(90,179,205)`
RGB Percent	35.3, 70.2, 80.4	`rgb(35.3%,70.2%,80.4%)`
CMYK	56, 13, 0, 20
HSL	193.6°, 53.5, 57.8	`hsl(193.6,53.5%,57.8%)`
HSV (or HSB)	193.6°, 56.1, 80.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.62, -19.267, -21.283
XYZ	31.353, 38.819, 63.595
xyY	0.234, 0.29, 38.819
CIE-LCH	68.62, 28.708, 227.846
CIE-LUV	68.62, -37.411, -30.35
Hunter-Lab	62.305, -19.21, -16.904
Binary	01011010, 10110011, 11001101

#5ab3cd
```
#5ab3cd rgb(90,179,205)
```
#cd745a
```
#cd745a rgb(205,116,90)
```

Complementary Color

#5acdae
```
#5acdae rgb(90,205,174)
```
#5ab3cd
```
#5ab3cd rgb(90,179,205)
```
#5a7acd
```
#5a7acd rgb(90,122,205)
```

Analogous Color

#cdae5a
```
#cdae5a rgb(205,174,90)
```
#5ab3cd
```
#5ab3cd rgb(90,179,205)
```
#cd5a7a
```
#cd5a7a rgb(205,90,122)
```

Split Complementary Color

#b3cd5a
```
#b3cd5a rgb(179,205,90)
```
#5ab3cd
```
#5ab3cd rgb(90,179,205)
```
#cd5ab3
```
#cd5ab3 rgb(205,90,179)
```

Triadic Color

#5acd74
```
#5acd74 rgb(90,205,116)
```
#5ab3cd
```
#5ab3cd rgb(90,179,205)
```
#cd5ab3
```
#cd5ab3 rgb(205,90,179)
```
#cd745a
```
#cd745a rgb(205,116,90)
```

Tetradic Color

#338da8
```
#338da8 rgb(51,141,168)
```
#399ebb
```
#399ebb rgb(57,158,187)
```
#46aac7
```
#46aac7 rgb(70,170,199)
```
#5ab3cd
```
#5ab3cd rgb(90,179,205)
```
#6ebcd3
```
#6ebcd3 rgb(110,188,211)
```
#81c5d9
```
#81c5d9 rgb(129,197,217)
```
#95cedf
```
#95cedf rgb(149,206,223)
```

Monochromatic Color

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

#5acdca
```
#5acdca rgb(90,205,202)
```
#5ac6cd
```
#5ac6cd rgb(90,198,205)
```
#5abdcd
```
#5abdcd rgb(90,189,205)
```
#5ab3cd
```
#5ab3cd rgb(90,179,205)
```
#5aa9cd
```
#5aa9cd rgb(90,169,205)
```
#5aa0cd
```
#5aa0cd rgb(90,160,205)
```
#5a96cd
```
#5a96cd rgb(90,150,205)
```

Similar Colors

Text with hexadecimal color #5ab3cd

This text has a font color of #5ab3cd.

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

#5ab3cd background color

This paragraph has a background color of #5ab3cd.

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

#5ab3cd border color

This element has a border color of #5ab3cd.

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

CSS codes

.text {color:#5ab3cd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050d10
```
#050d10 rgb(5,13,16)
```
#091a1f
```
#091a1f rgb(9,26,31)
```
#0e272e
```
#0e272e rgb(14,39,46)
```
#12333d
```
#12333d rgb(18,51,61)
```
#17404c
```
#17404c rgb(23,64,76)
```
#1c4d5b
```
#1c4d5b rgb(28,77,91)
```
#20596a
```
#20596a rgb(32,89,106)
```
#256679
```
#256679 rgb(37,102,121)
```
#297388
```
#297388 rgb(41,115,136)
```
#2e7f97
```
#2e7f97 rgb(46,127,151)
```
#328ca6
```
#328ca6 rgb(50,140,166)
```
#3799b5
```
#3799b5 rgb(55,153,181)
```

Shade Color Variation

#3ca5c4
```
#3ca5c4 rgb(60,165,196)
```
#4bacc8
```
#4bacc8 rgb(75,172,200)
```
#5ab3cd
```
#5ab3cd rgb(90,179,205)
```
#69bad2
```
#69bad2 rgb(105,186,210)
```
#78c1d6
```
#78c1d6 rgb(120,193,214)
```
#87c8db
```
#87c8db rgb(135,200,219)
```
#96cfdf
```
#96cfdf rgb(150,207,223)
```
#a5d6e4
```
#a5d6e4 rgb(165,214,228)
```
#b4dde8
```
#b4dde8 rgb(180,221,232)
```
#c3e4ed
```
#c3e4ed rgb(195,228,237)
```
#d2eaf1
```
#d2eaf1 rgb(210,234,241)
```
#e1f1f6
```
#e1f1f6 rgb(225,241,246)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c989b is the less saturated color, while #28ceff is the most saturated one.

#8c989b
```
#8c989b rgb(140,152,155)
```
#839ca4
```
#839ca4 rgb(131,156,164)
```
#7ba1ac
```
#7ba1ac rgb(123,161,172)
```
#73a5b4
```
#73a5b4 rgb(115,165,180)
```
#6baabc
```
#6baabc rgb(107,170,188)
```
#62aec5
```
#62aec5 rgb(98,174,197)
```
#5ab3cd
```
#5ab3cd rgb(90,179,205)
```
#52b8d5
```
#52b8d5 rgb(82,184,213)
```
#49bcde
```
#49bcde rgb(73,188,222)
```
#41c1e6
```
#41c1e6 rgb(65,193,230)
```
#39c5ee
```
#39c5ee rgb(57,197,238)
```
#31caf6
```
#31caf6 rgb(49,202,246)
```
#28ceff
```
#28ceff rgb(40,206,255)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8ea0a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5aac7 Protanopia 1% of men
#a5a8d4 Deuteranopia 1% of men
#5db8c6 Tritanopia 0.001% of the population

Trichromacy

#8aadc9 Protanomaly 1% of men, 0.01% of women
#89acd1 Deuteranomaly 6% of men, 0.4% of women
#5cb6c8 Tritanomaly 0.01% of the population

#5ab3cd hex color

#5ab3cd Color Information

#5ab3cd Color Conversion

Color Schemes with #5ab3cd

Alternatives to #5ab3cd

#5ab3cd Preview

Shades and Tints of #5ab3cd

Tones of #5ab3cd

Color Blindness Simulator