#5ab2cb hex color

In a RGB color space, hex #5ab2cb is composed of 35.3% red, 69.8% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 12.3% magenta, 0% yellow and 20.4% black. It has a hue angle of 193.3 degrees, a saturation of 52.1% and a lightness of 57.5%. #5ab2cb color hex could be obtained by blending #b4ffff with #006597. Closest websafe color is: #6699cc.

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

● #5ab2cb color description : Moderate cyan.

The hexadecimal color #5ab2cb has RGB values of R:90, G:178, B:203 and CMYK values of C:0.56, M:0.12, Y:0, K:0.2. Its decimal value is 5944011.

Hex triplet	5ab2cb	`#5ab2cb`
RGB Decimal	90, 178, 203	`rgb(90,178,203)`
RGB Percent	35.3, 69.8, 79.6	`rgb(35.3%,69.8%,79.6%)`
CMYK	56, 12, 0, 20
HSL	193.3°, 52.1, 57.5	`hsl(193.3,52.1%,57.5%)`
HSV (or HSB)	193.3°, 55.7, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.259, -19.331, -20.732
XYZ	30.913, 38.324, 62.265
xyY	0.235, 0.291, 38.324
CIE-LCH	68.259, 28.347, 227.003
CIE-LUV	68.259, -37.112, -29.414
Hunter-Lab	61.906, -19.201, -16.299
Binary	01011010, 10110010, 11001011

#5ab2cb
```
#5ab2cb rgb(90,178,203)
```
#cb735a
```
#cb735a rgb(203,115,90)
```

Complementary Color

#5acbac
```
#5acbac rgb(90,203,172)
```
#5ab2cb
```
#5ab2cb rgb(90,178,203)
```
#5a7acb
```
#5a7acb rgb(90,122,203)
```

Analogous Color

#cbac5a
```
#cbac5a rgb(203,172,90)
```
#5ab2cb
```
#5ab2cb rgb(90,178,203)
```
#cb5a7a
```
#cb5a7a rgb(203,90,122)
```

Split Complementary Color

#b2cb5a
```
#b2cb5a rgb(178,203,90)
```
#5ab2cb
```
#5ab2cb rgb(90,178,203)
```
#cb5ab2
```
#cb5ab2 rgb(203,90,178)
```

Triadic Color

#5acb73
```
#5acb73 rgb(90,203,115)
```
#5ab2cb
```
#5ab2cb rgb(90,178,203)
```
#cb5ab2
```
#cb5ab2 rgb(203,90,178)
```
#cb735a
```
#cb735a rgb(203,115,90)
```

Tetradic Color

#348ca5
```
#348ca5 rgb(52,140,165)
```
#3a9cb8
```
#3a9cb8 rgb(58,156,184)
```
#47a9c5
```
#47a9c5 rgb(71,169,197)
```
#5ab2cb
```
#5ab2cb rgb(90,178,203)
```
#6dbbd1
```
#6dbbd1 rgb(109,187,209)
```
#81c4d7
```
#81c4d7 rgb(129,196,215)
```
#94cddd
```
#94cddd rgb(148,205,221)
```

Monochromatic Color

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

#5acbc8
```
#5acbc8 rgb(90,203,200)
```
#5ac5cb
```
#5ac5cb rgb(90,197,203)
```
#5abbcb
```
#5abbcb rgb(90,187,203)
```
#5ab2cb
```
#5ab2cb rgb(90,178,203)
```
#5aa9cb
```
#5aa9cb rgb(90,169,203)
```
#5a9fcb
```
#5a9fcb rgb(90,159,203)
```
#5a96cb
```
#5a96cb rgb(90,150,203)
```

Similar Colors

Text with hexadecimal color #5ab2cb

This text has a font color of #5ab2cb.

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

#5ab2cb background color

This paragraph has a background color of #5ab2cb.

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

#5ab2cb border color

This element has a border color of #5ab2cb.

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

CSS codes

.text {color:#5ab2cb;}

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

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

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)
```
#0e252c
```
#0e252c rgb(14,37,44)
```
#13323b
```
#13323b rgb(19,50,59)
```
#173e4a
```
#173e4a rgb(23,62,74)
```
#1c4b59
```
#1c4b59 rgb(28,75,89)
```
#215867
```
#215867 rgb(33,88,103)
```
#256476
```
#256476 rgb(37,100,118)
```
#2a7185
```
#2a7185 rgb(42,113,133)
```
#2f7e94
```
#2f7e94 rgb(47,126,148)
```
#338aa3
```
#338aa3 rgb(51,138,163)
```
#3897b2
```
#3897b2 rgb(56,151,178)
```
#3da4c1
```
#3da4c1 rgb(61,164,193)
```

Shade Color Variation

#4babc6
```
#4babc6 rgb(75,171,198)
```
#5ab2cb
```
#5ab2cb rgb(90,178,203)
```
#69b9d0
```
#69b9d0 rgb(105,185,208)
```
#78c0d4
```
#78c0d4 rgb(120,192,212)
```
#87c7d9
```
#87c7d9 rgb(135,199,217)
```
#96cede
```
#96cede rgb(150,206,222)
```
#a5d5e3
```
#a5d5e3 rgb(165,213,227)
```
#b3dce7
```
#b3dce7 rgb(179,220,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 #28cefd is the most saturated one.

#8c9699
```
#8c9699 rgb(140,150,153)
```
#849ba1
```
#849ba1 rgb(132,155,161)
```
#7b9faa
```
#7b9faa rgb(123,159,170)
```
#73a4b2
```
#73a4b2 rgb(115,164,178)
```
#6ba9ba
```
#6ba9ba rgb(107,169,186)
```
#62adc3
```
#62adc3 rgb(98,173,195)
```
#5ab2cb
```
#5ab2cb rgb(90,178,203)
```
#52b7d3
```
#52b7d3 rgb(82,183,211)
```
#49bbdc
```
#49bbdc rgb(73,187,220)
```
#41c0e4
```
#41c0e4 rgb(65,192,228)
```
#39c5ec
```
#39c5ec rgb(57,197,236)
```
#30c9f5
```
#30c9f5 rgb(48,201,245)
```
#28cefd
```
#28cefd rgb(40,206,253)
```

Tone Color Variation

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

#a5a9c6 Protanopia 1% of men
#a4a7d2 Deuteranopia 1% of men
#5eb7c4 Tritanopia 0.001% of the population

Trichromacy

#89acc7 Protanomaly 1% of men, 0.01% of women
#89abd0 Deuteranomaly 6% of men, 0.4% of women
#5cb5c7 Tritanomaly 0.01% of the population

#5ab2cb hex color

#5ab2cb Color Information

#5ab2cb Color Conversion

Color Schemes with #5ab2cb

Alternatives to #5ab2cb

#5ab2cb Preview

Shades and Tints of #5ab2cb

Tones of #5ab2cb

Color Blindness Simulator