#5caab5 hex color

In a RGB color space, hex #5caab5 is composed of 36.1% red, 66.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 6.1% magenta, 0% yellow and 29% black. It has a hue angle of 187.4 degrees, a saturation of 37.6% and a lightness of 53.5%. #5caab5 color hex could be obtained by blending #b8ffff with #00556b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 67
- B 71
RGB color chart
- C 49
- M 6
- Y 0
- K 29
CMYK color chart

● #5caab5 color description : Slightly desaturated cyan.

The hexadecimal color #5caab5 has RGB values of R:92, G:170, B:181 and CMYK values of C:0.49, M:0.06, Y:0, K:0.29. Its decimal value is 6073013.

Hex triplet	5caab5	`#5caab5`
RGB Decimal	92, 170, 181	`rgb(92,170,181)`
RGB Percent	36.1, 66.7, 71	`rgb(36.1%,66.7%,71%)`
CMYK	49, 6, 0, 29
HSL	187.4°, 37.6, 53.5	`hsl(187.4,37.6%,53.5%)`
HSV (or HSB)	187.4°, 49.2, 71
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.247, -21.004, -13.097
XYZ	27.127, 34.359, 48.916
xyY	0.246, 0.311, 34.359
CIE-LCH	65.247, 24.753, 211.944
CIE-LUV	65.247, -34.281, -16.704
Hunter-Lab	58.617, -19.973, -8.446
Binary	01011100, 10101010, 10110101

#5caab5
```
#5caab5 rgb(92,170,181)
```
#b5675c
```
#b5675c rgb(181,103,92)
```

Complementary Color

#5cb594
```
#5cb594 rgb(92,181,148)
```
#5caab5
```
#5caab5 rgb(92,170,181)
```
#5c7eb5
```
#5c7eb5 rgb(92,126,181)
```

Analogous Color

#b5945c
```
#b5945c rgb(181,148,92)
```
#5caab5
```
#5caab5 rgb(92,170,181)
```
#b55c7e
```
#b55c7e rgb(181,92,126)
```

Split Complementary Color

#aab55c
```
#aab55c rgb(170,181,92)
```
#5caab5
```
#5caab5 rgb(92,170,181)
```
#b55caa
```
#b55caa rgb(181,92,170)
```

Triadic Color

#5cb567
```
#5cb567 rgb(92,181,103)
```
#5caab5
```
#5caab5 rgb(92,170,181)
```
#b55caa
```
#b55caa rgb(181,92,170)
```
#b5675c
```
#b5675c rgb(181,103,92)
```

Tetradic Color

#3d7e87
```
#3d7e87 rgb(61,126,135)
```
#458e99
```
#458e99 rgb(69,142,153)
```
#4d9faa
```
#4d9faa rgb(77,159,170)
```
#5caab5
```
#5caab5 rgb(92,170,181)
```
#6eb3bd
```
#6eb3bd rgb(110,179,189)
```
#7fbcc5
```
#7fbcc5 rgb(127,188,197)
```
#91c5cd
```
#91c5cd rgb(145,197,205)
```

Monochromatic Color

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

#5cb5aa
```
#5cb5aa rgb(92,181,170)
```
#5cb5b1
```
#5cb5b1 rgb(92,181,177)
```
#5cb1b5
```
#5cb1b5 rgb(92,177,181)
```
#5caab5
```
#5caab5 rgb(92,170,181)
```
#5ca3b5
```
#5ca3b5 rgb(92,163,181)
```
#5c9bb5
```
#5c9bb5 rgb(92,155,181)
```
#5c94b5
```
#5c94b5 rgb(92,148,181)
```

Similar Colors

Text with hexadecimal color #5caab5

This text has a font color of #5caab5.

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

#5caab5 background color

This paragraph has a background color of #5caab5.

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

#5caab5 border color

This element has a border color of #5caab5.

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

CSS codes

.text {color:#5caab5;}

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

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

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, #060c0c is the darkest color, while #fefefe is the lightest one.

#060c0c
```
#060c0c rgb(6,12,12)
```
#0c181a
```
#0c181a rgb(12,24,26)
```
#122527
```
#122527 rgb(18,37,39)
```
#183135
```
#183135 rgb(24,49,53)
```
#1e3e42
```
#1e3e42 rgb(30,62,66)
```
#244a50
```
#244a50 rgb(36,74,80)
```
#2a575d
```
#2a575d rgb(42,87,93)
```
#30646b
```
#30646b rgb(48,100,107)
```
#377078
```
#377078 rgb(55,112,120)
```
#3d7d86
```
#3d7d86 rgb(61,125,134)
```
#438993
```
#438993 rgb(67,137,147)
```
#4996a1
```
#4996a1 rgb(73,150,161)
```
#4fa3ae
```
#4fa3ae rgb(79,163,174)
```

Shade Color Variation

#5caab5
```
#5caab5 rgb(92,170,181)
```
#69b1bb
```
#69b1bb rgb(105,177,187)
```
#77b8c1
```
#77b8c1 rgb(119,184,193)
```
#84bfc7
```
#84bfc7 rgb(132,191,199)
```
#92c6cd
```
#92c6cd rgb(146,198,205)
```
#9fcdd4
```
#9fcdd4 rgb(159,205,212)
```
#add4da
```
#add4da rgb(173,212,218)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#c8e2e6
```
#c8e2e6 rgb(200,226,230)
```
#d5e9ec
```
#d5e9ec rgb(213,233,236)
```
#e3f0f2
```
#e3f0f2 rgb(227,240,242)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808f91 is the less saturated color, while #13e1fe is the most saturated one.

#808f91
```
#808f91 rgb(128,143,145)
```
#77959a
```
#77959a rgb(119,149,154)
```
#6e9ca3
```
#6e9ca3 rgb(110,156,163)
```
#65a3ac
```
#65a3ac rgb(101,163,172)
```
#5caab5
```
#5caab5 rgb(92,170,181)
```
#53b1be
```
#53b1be rgb(83,177,190)
```
#4ab8c7
```
#4ab8c7 rgb(74,184,199)
```
#41bfd0
```
#41bfd0 rgb(65,191,208)
```
#38c5d9
```
#38c5d9 rgb(56,197,217)
```
#2ecce3
```
#2ecce3 rgb(46,204,227)
```
#25d3ec
```
#25d3ec rgb(37,211,236)
```
#1cdaf5
```
#1cdaf5 rgb(28,218,245)
```
#13e1fe
```
#13e1fe rgb(19,225,254)
```

Tone Color Variation

Below, you can see how #5caab5 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
#89989b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a2b1 Protanopia 1% of men
#a49fbe Deuteranopia 1% of men
#65aeba Tritanopia 0.001% of the population

Trichromacy

#88a5b2 Protanomaly 1% of men, 0.01% of women
#8aa3ba Deuteranomaly 6% of men, 0.4% of women
#61acb8 Tritanomaly 0.01% of the population

#5caab5 hex color

#5caab5 Color Information

#5caab5 Color Conversion

Color Schemes with #5caab5

Alternatives to #5caab5

#5caab5 Preview

Shades and Tints of #5caab5

Tones of #5caab5

Color Blindness Simulator