#5caab1 hex color

In a RGB color space, hex #5caab1 is composed of 36.1% red, 66.7% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 4% magenta, 0% yellow and 30.6% black. It has a hue angle of 184.9 degrees, a saturation of 35.3% and a lightness of 52.7%. #5caab1 color hex could be obtained by blending #b8ffff with #005563. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 67
- B 69
RGB color chart
- C 48
- M 4
- Y 0
- K 31
CMYK color chart

● #5caab1 color description : Dark moderate cyan.

The hexadecimal color #5caab1 has RGB values of R:92, G:170, B:177 and CMYK values of C:0.48, M:0.04, Y:0, K:0.31. Its decimal value is 6073009.

Hex triplet	5caab1	`#5caab1`
RGB Decimal	92, 170, 177	`rgb(92,170,177)`
RGB Percent	36.1, 66.7, 69.4	`rgb(36.1%,66.7%,69.4%)`
CMYK	48, 4, 0, 31
HSL	184.9°, 35.3, 52.7	`hsl(184.9,35.3%,52.7%)`
HSV (or HSB)	184.9°, 48, 69.4
Web Safe	669999	`#669999`

CIE-LAB	65.119, -22.099, -11.059
XYZ	26.722, 34.197, 46.785
xyY	0.248, 0.318, 34.197
CIE-LCH	65.119, 24.712, 206.586
CIE-LUV	65.119, -34.421, -13.333
Hunter-Lab	58.479, -20.771, -6.499
Binary	01011100, 10101010, 10110001

#5caab1
```
#5caab1 rgb(92,170,177)
```
#b1635c
```
#b1635c rgb(177,99,92)
```

Complementary Color

#5cb18e
```
#5cb18e rgb(92,177,142)
```
#5caab1
```
#5caab1 rgb(92,170,177)
```
#5c80b1
```
#5c80b1 rgb(92,128,177)
```

Analogous Color

#b18e5c
```
#b18e5c rgb(177,142,92)
```
#5caab1
```
#5caab1 rgb(92,170,177)
```
#b15c80
```
#b15c80 rgb(177,92,128)
```

Split Complementary Color

#aab15c
```
#aab15c rgb(170,177,92)
```
#5caab1
```
#5caab1 rgb(92,170,177)
```
#b15caa
```
#b15caa rgb(177,92,170)
```

Triadic Color

#5cb163
```
#5cb163 rgb(92,177,99)
```
#5caab1
```
#5caab1 rgb(92,170,177)
```
#b15caa
```
#b15caa rgb(177,92,170)
```
#b1635c
```
#b1635c rgb(177,99,92)
```

Tetradic Color

#3e7d82
```
#3e7d82 rgb(62,125,130)
```
#478d93
```
#478d93 rgb(71,141,147)
```
#4f9ea5
```
#4f9ea5 rgb(79,158,165)
```
#5caab1
```
#5caab1 rgb(92,170,177)
```
#6db3b9
```
#6db3b9 rgb(109,179,185)
```
#7ebcc2
```
#7ebcc2 rgb(126,188,194)
```
#90c5ca
```
#90c5ca rgb(144,197,202)
```

Monochromatic Color

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

#5cb1a3
```
#5cb1a3 rgb(92,177,163)
```
#5cb1aa
```
#5cb1aa rgb(92,177,170)
```
#5cb1b1
```
#5cb1b1 rgb(92,177,177)
```
#5caab1
```
#5caab1 rgb(92,170,177)
```
#5ca3b1
```
#5ca3b1 rgb(92,163,177)
```
#5c9cb1
```
#5c9cb1 rgb(92,156,177)
```
#5c95b1
```
#5c95b1 rgb(92,149,177)
```

Similar Colors

Text with hexadecimal color #5caab1

This text has a font color of #5caab1.

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

#5caab1 background color

This paragraph has a background color of #5caab1.

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

#5caab1 border color

This element has a border color of #5caab1.

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

CSS codes

.text {color:#5caab1;}

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

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

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

#050909
```
#050909 rgb(5,9,9)
```
#0b1617
```
#0b1617 rgb(11,22,23)
```
#112224
```
#112224 rgb(17,34,36)
```
#182f31
```
#182f31 rgb(24,47,49)
```
#1e3c3f
```
#1e3c3f rgb(30,60,63)
```
#24494c
```
#24494c rgb(36,73,76)
```
#2b5559
```
#2b5559 rgb(43,85,89)
```
#316266
```
#316266 rgb(49,98,102)
```
#376f74
```
#376f74 rgb(55,111,116)
```
#3e7b81
```
#3e7b81 rgb(62,123,129)
```
#44888e
```
#44888e rgb(68,136,142)
```
#4a959b
```
#4a959b rgb(74,149,155)
```
#51a1a9
```
#51a1a9 rgb(81,161,169)
```

Shade Color Variation

#5caab1
```
#5caab1 rgb(92,170,177)
```
#69b1b7
```
#69b1b7 rgb(105,177,183)
```
#77b8be
```
#77b8be rgb(119,184,190)
```
#84bfc4
```
#84bfc4 rgb(132,191,196)
```
#91c6ca
```
#91c6ca rgb(145,198,202)
```
#9ecdd1
```
#9ecdd1 rgb(158,205,209)
```
#acd4d7
```
#acd4d7 rgb(172,212,215)
```
#b9dadd
```
#b9dadd rgb(185,218,221)
```
#c6e1e4
```
#c6e1e4 rgb(198,225,228)
```
#d3e8ea
```
#d3e8ea rgb(211,232,234)
```
#e1eff0
```
#e1eff0 rgb(225,239,240)
```
#eef6f7
```
#eef6f7 rgb(238,246,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818b8c is the less saturated color, while #12e8fb is the most saturated one.

#818b8c
```
#818b8c rgb(129,139,140)
```
#789395
```
#789395 rgb(120,147,149)
```
#6f9b9e
```
#6f9b9e rgb(111,155,158)
```
#65a2a8
```
#65a2a8 rgb(101,162,168)
```
#5caab1
```
#5caab1 rgb(92,170,177)
```
#53b2ba
```
#53b2ba rgb(83,178,186)
```
#49b9c4
```
#49b9c4 rgb(73,185,196)
```
#40c1cd
```
#40c1cd rgb(64,193,205)
```
#37c9d6
```
#37c9d6 rgb(55,201,214)
```
#2ed1df
```
#2ed1df rgb(46,209,223)
```
#24d8e9
```
#24d8e9 rgb(36,216,233)
```
#1be0f2
```
#1be0f2 rgb(27,224,242)
```
#12e8fb
```
#12e8fb rgb(18,232,251)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#889899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a2ae Protanopia 1% of men
#a69fba Deuteranopia 1% of men
#66adba Tritanopia 0.001% of the population

Trichromacy

#88a4af Protanomaly 1% of men, 0.01% of women
#8ba3b7 Deuteranomaly 6% of men, 0.4% of women
#62acb6 Tritanomaly 0.01% of the population

#5caab1 hex color

#5caab1 Color Information

#5caab1 Color Conversion

Color Schemes with #5caab1

Alternatives to #5caab1

#5caab1 Preview

Shades and Tints of #5caab1

Tones of #5caab1

Color Blindness Simulator