#5caab2 hex color

In a RGB color space, hex #5caab2 is composed of 36.1% red, 66.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 4.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 185.6 degrees, a saturation of 35.8% and a lightness of 52.9%. #5caab2 color hex could be obtained by blending #b8ffff with #005565. Closest websafe color is: #669999.

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

● #5caab2 color description : Dark moderate cyan.

The hexadecimal color #5caab2 has RGB values of R:92, G:170, B:178 and CMYK values of C:0.48, M:0.04, Y:0, K:0.3. Its decimal value is 6073010.

Hex triplet	5caab2	`#5caab2`
RGB Decimal	92, 170, 178	`rgb(92,170,178)`
RGB Percent	36.1, 66.7, 69.8	`rgb(36.1%,66.7%,69.8%)`
CMYK	48, 4, 0, 30
HSL	185.6°, 35.8, 52.9	`hsl(185.6,35.8%,52.9%)`
HSV (or HSB)	185.6°, 48.3, 69.8
Web Safe	669999	`#669999`

CIE-LAB	65.151, -21.827, -11.569
XYZ	26.822, 34.237, 47.312
xyY	0.248, 0.316, 34.237
CIE-LCH	65.151, 24.703, 207.926
CIE-LUV	65.151, -34.386, -14.173
Hunter-Lab	58.513, -20.573, -6.982
Binary	01011100, 10101010, 10110010

#5caab2
```
#5caab2 rgb(92,170,178)
```
#b2645c
```
#b2645c rgb(178,100,92)
```

Complementary Color

#5cb28f
```
#5cb28f rgb(92,178,143)
```
#5caab2
```
#5caab2 rgb(92,170,178)
```
#5c7fb2
```
#5c7fb2 rgb(92,127,178)
```

Analogous Color

#b28f5c
```
#b28f5c rgb(178,143,92)
```
#5caab2
```
#5caab2 rgb(92,170,178)
```
#b25c7f
```
#b25c7f rgb(178,92,127)
```

Split Complementary Color

#aab25c
```
#aab25c rgb(170,178,92)
```
#5caab2
```
#5caab2 rgb(92,170,178)
```
#b25caa
```
#b25caa rgb(178,92,170)
```

Triadic Color

#5cb264
```
#5cb264 rgb(92,178,100)
```
#5caab2
```
#5caab2 rgb(92,170,178)
```
#b25caa
```
#b25caa rgb(178,92,170)
```
#b2645c
```
#b2645c rgb(178,100,92)
```

Tetradic Color

#3e7d83
```
#3e7d83 rgb(62,125,131)
```
#468d95
```
#468d95 rgb(70,141,149)
```
#4e9ea6
```
#4e9ea6 rgb(78,158,166)
```
#5caab2
```
#5caab2 rgb(92,170,178)
```
#6db3ba
```
#6db3ba rgb(109,179,186)
```
#7fbcc2
```
#7fbcc2 rgb(127,188,194)
```
#90c5cb
```
#90c5cb rgb(144,197,203)
```

Monochromatic Color

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

#5cb2a5
```
#5cb2a5 rgb(92,178,165)
```
#5cb2ac
```
#5cb2ac rgb(92,178,172)
```
#5cb1b2
```
#5cb1b2 rgb(92,177,178)
```
#5caab2
```
#5caab2 rgb(92,170,178)
```
#5ca3b2
```
#5ca3b2 rgb(92,163,178)
```
#5c9cb2
```
#5c9cb2 rgb(92,156,178)
```
#5c95b2
```
#5c95b2 rgb(92,149,178)
```

Similar Colors

Text with hexadecimal color #5caab2

This text has a font color of #5caab2.

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

#5caab2 background color

This paragraph has a background color of #5caab2.

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

#5caab2 border color

This element has a border color of #5caab2.

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

CSS codes

.text {color:#5caab2;}

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

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

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, #050a0a is the darkest color, while #fcfdfe is the lightest one.

#050a0a
```
#050a0a rgb(5,10,10)
```
#0b1618
```
#0b1618 rgb(11,22,24)
```
#112325
```
#112325 rgb(17,35,37)
```
#183032
```
#183032 rgb(24,48,50)
```
#1e3c3f
```
#1e3c3f rgb(30,60,63)
```
#24494d
```
#24494d rgb(36,73,77)
```
#2b565a
```
#2b565a rgb(43,86,90)
```
#316267
```
#316267 rgb(49,98,103)
```
#376f75
```
#376f75 rgb(55,111,117)
```
#3d7c82
```
#3d7c82 rgb(61,124,130)
```
#44888f
```
#44888f rgb(68,136,143)
```
#4a959d
```
#4a959d rgb(74,149,157)
```
#50a2aa
```
#50a2aa rgb(80,162,170)
```

Shade Color Variation

#5caab2
```
#5caab2 rgb(92,170,178)
```
#69b1b8
```
#69b1b8 rgb(105,177,184)
```
#77b8bf
```
#77b8bf rgb(119,184,191)
```
#84bfc5
```
#84bfc5 rgb(132,191,197)
```
#91c6cb
```
#91c6cb rgb(145,198,203)
```
#9fcdd1
```
#9fcdd1 rgb(159,205,209)
```
#acd4d8
```
#acd4d8 rgb(172,212,216)
```
#b9dbde
```
#b9dbde rgb(185,219,222)
```
#c7e2e4
```
#c7e2e4 rgb(199,226,228)
```
#d4e9eb
```
#d4e9eb rgb(212,233,235)
```
#e1eff1
```
#e1eff1 rgb(225,239,241)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#818c8d
```
#818c8d rgb(129,140,141)
```
#789396
```
#789396 rgb(120,147,150)
```
#6e9ba0
```
#6e9ba0 rgb(110,155,160)
```
#65a2a9
```
#65a2a9 rgb(101,162,169)
```
#5caab2
```
#5caab2 rgb(92,170,178)
```
#53b2bb
```
#53b2bb rgb(83,178,187)
```
#4ab9c4
```
#4ab9c4 rgb(74,185,196)
```
#40c1ce
```
#40c1ce rgb(64,193,206)
```
#37c8d7
```
#37c8d7 rgb(55,200,215)
```
#2ed0e0
```
#2ed0e0 rgb(46,208,224)
```
#25d7e9
```
#25d7e9 rgb(37,215,233)
```
#1bdff3
```
#1bdff3 rgb(27,223,243)
```
#12e6fc
```
#12e6fc rgb(18,230,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#89989a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#5caab2 hex color

#5caab2 Color Information

#5caab2 Color Conversion

Color Schemes with #5caab2

Alternatives to #5caab2

#5caab2 Preview

Shades and Tints of #5caab2

Tones of #5caab2

Color Blindness Simulator