#5ab4cb hex color

In a RGB color space, hex #5ab4cb is composed of 35.3% red, 70.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 11.3% magenta, 0% yellow and 20.4% black. It has a hue angle of 192.2 degrees, a saturation of 52.1% and a lightness of 57.5%. #5ab4cb color hex could be obtained by blending #b4ffff with #006997. Closest websafe color is: #66cccc.

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

● #5ab4cb color description : Moderate cyan.

The hexadecimal color #5ab4cb has RGB values of R:90, G:180, B:203 and CMYK values of C:0.56, M:0.11, Y:0, K:0.2. Its decimal value is 5944523.

Hex triplet	5ab4cb	`#5ab4cb`
RGB Decimal	90, 180, 203	`rgb(90,180,203)`
RGB Percent	35.3, 70.6, 79.6	`rgb(35.3%,70.6%,79.6%)`
CMYK	56, 11, 0, 20
HSL	192.2°, 52.1, 57.5	`hsl(192.2,52.1%,57.5%)`
HSV (or HSB)	192.2°, 55.7, 79.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.842, -20.366, -19.845
XYZ	31.314, 39.126, 62.398
xyY	0.236, 0.295, 39.126
CIE-LCH	68.842, 28.436, 224.257
CIE-LUV	68.842, -37.872, -27.851
Hunter-Lab	62.551, -20.102, -15.36
Binary	01011010, 10110100, 11001011

#5ab4cb
```
#5ab4cb rgb(90,180,203)
```
#cb715a
```
#cb715a rgb(203,113,90)
```

Complementary Color

#5acbaa
```
#5acbaa rgb(90,203,170)
```
#5ab4cb
```
#5ab4cb rgb(90,180,203)
```
#5a7ccb
```
#5a7ccb rgb(90,124,203)
```

Analogous Color

#cbaa5a
```
#cbaa5a rgb(203,170,90)
```
#5ab4cb
```
#5ab4cb rgb(90,180,203)
```
#cb5a7c
```
#cb5a7c rgb(203,90,124)
```

Split Complementary Color

#b4cb5a
```
#b4cb5a rgb(180,203,90)
```
#5ab4cb
```
#5ab4cb rgb(90,180,203)
```
#cb5ab4
```
#cb5ab4 rgb(203,90,180)
```

Triadic Color

#5acb71
```
#5acb71 rgb(90,203,113)
```
#5ab4cb
```
#5ab4cb rgb(90,180,203)
```
#cb5ab4
```
#cb5ab4 rgb(203,90,180)
```
#cb715a
```
#cb715a rgb(203,113,90)
```

Tetradic Color

#348ea5
```
#348ea5 rgb(52,142,165)
```
#3a9eb8
```
#3a9eb8 rgb(58,158,184)
```
#47abc5
```
#47abc5 rgb(71,171,197)
```
#5ab4cb
```
#5ab4cb rgb(90,180,203)
```
#6dbdd1
```
#6dbdd1 rgb(109,189,209)
```
#81c6d7
```
#81c6d7 rgb(129,198,215)
```
#94cedd
```
#94cedd rgb(148,206,221)
```

Monochromatic Color

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

#5acbc6
```
#5acbc6 rgb(90,203,198)
```
#5ac7cb
```
#5ac7cb rgb(90,199,203)
```
#5abdcb
```
#5abdcb rgb(90,189,203)
```
#5ab4cb
```
#5ab4cb rgb(90,180,203)
```
#5aabcb
```
#5aabcb rgb(90,171,203)
```
#5aa1cb
```
#5aa1cb rgb(90,161,203)
```
#5a98cb
```
#5a98cb rgb(90,152,203)
```

Similar Colors

Text with hexadecimal color #5ab4cb

This text has a font color of #5ab4cb.

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

#5ab4cb background color

This paragraph has a background color of #5ab4cb.

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

#5ab4cb border color

This element has a border color of #5ab4cb.

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

CSS codes

.text {color:#5ab4cb;}

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

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

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

#040c0e
```
#040c0e rgb(4,12,14)
```
#09191d
```
#09191d rgb(9,25,29)
```
#0e262c
```
#0e262c rgb(14,38,44)
```
#13333b
```
#13333b rgb(19,51,59)
```
#173f4a
```
#173f4a rgb(23,63,74)
```
#1c4c59
```
#1c4c59 rgb(28,76,89)
```
#215967
```
#215967 rgb(33,89,103)
```
#256676
```
#256676 rgb(37,102,118)
```
#2a7385
```
#2a7385 rgb(42,115,133)
```
#2f8094
```
#2f8094 rgb(47,128,148)
```
#338ca3
```
#338ca3 rgb(51,140,163)
```
#3899b2
```
#3899b2 rgb(56,153,178)
```
#3da6c1
```
#3da6c1 rgb(61,166,193)
```

Shade Color Variation

#4badc6
```
#4badc6 rgb(75,173,198)
```
#5ab4cb
```
#5ab4cb rgb(90,180,203)
```
#69bbd0
```
#69bbd0 rgb(105,187,208)
```
#78c2d4
```
#78c2d4 rgb(120,194,212)
```
#87c8d9
```
#87c8d9 rgb(135,200,217)
```
#96cfde
```
#96cfde rgb(150,207,222)
```
#a5d6e3
```
#a5d6e3 rgb(165,214,227)
```
#b3dde7
```
#b3dde7 rgb(179,221,231)
```
#c2e3ec
```
#c2e3ec rgb(194,227,236)
```
#d1eaf1
```
#d1eaf1 rgb(209,234,241)
```
#e0f1f5
```
#e0f1f5 rgb(224,241,245)
```
#eff8fa
```
#eff8fa rgb(239,248,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#8c9699
```
#8c9699 rgb(140,150,153)
```
#849ba1
```
#849ba1 rgb(132,155,161)
```
#7ba0aa
```
#7ba0aa rgb(123,160,170)
```
#73a5b2
```
#73a5b2 rgb(115,165,178)
```
#6baaba
```
#6baaba rgb(107,170,186)
```
#62afc3
```
#62afc3 rgb(98,175,195)
```
#5ab4cb
```
#5ab4cb rgb(90,180,203)
```
#52b9d3
```
#52b9d3 rgb(82,185,211)
```
#49bedc
```
#49bedc rgb(73,190,220)
```
#41c3e4
```
#41c3e4 rgb(65,195,228)
```
#39c8ec
```
#39c8ec rgb(57,200,236)
```
#30cdf5
```
#30cdf5 rgb(48,205,245)
```
#28d2fd
```
#28d2fd rgb(40,210,253)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8fa1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7abc5 Protanopia 1% of men
#a7a9d3 Deuteranopia 1% of men
#5fb9c6 Tritanopia 0.001% of the population

Trichromacy

#8baec7 Protanomaly 1% of men, 0.01% of women
#8badd0 Deuteranomaly 6% of men, 0.4% of women
#5db7c8 Tritanomaly 0.01% of the population

#5ab4cb hex color

#5ab4cb Color Information

#5ab4cb Color Conversion

Color Schemes with #5ab4cb

Alternatives to #5ab4cb

#5ab4cb Preview

Shades and Tints of #5ab4cb

Tones of #5ab4cb

Color Blindness Simulator