#8caab5 hex color

In a RGB color space, hex #8caab5 is composed of 54.9% red, 66.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 6.1% magenta, 0% yellow and 29% black. It has a hue angle of 196.1 degrees, a saturation of 21.7% and a lightness of 62.9%. #8caab5 color hex could be obtained by blending #ffffff with #19556b. Closest websafe color is: #9999cc.

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

● #8caab5 color description : Grayish blue.

The hexadecimal color #8caab5 has RGB values of R:140, G:170, B:181 and CMYK values of C:0.23, M:0.06, Y:0, K:0.29. Its decimal value is 9218741.

Hex triplet	8caab5	`#8caab5`
RGB Decimal	140, 170, 181	`rgb(140,170,181)`
RGB Percent	54.9, 66.7, 71	`rgb(54.9%,66.7%,71%)`
CMYK	23, 6, 0, 29
HSL	196.1°, 21.7, 62.9	`hsl(196.1,21.7%,62.9%)`
HSV (or HSB)	196.1°, 22.7, 71
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.769, -7.787, -9.06
XYZ	33.529, 37.66, 49.216
xyY	0.278, 0.313, 37.66
CIE-LCH	67.769, 11.946, 229.319
CIE-LUV	67.769, -15.93, -12.369
Hunter-Lab	61.368, -9.87, -4.592
Binary	10001100, 10101010, 10110101

#8caab5
```
#8caab5 rgb(140,170,181)
```
#b5978c
```
#b5978c rgb(181,151,140)
```

Complementary Color

#8cb5ac
```
#8cb5ac rgb(140,181,172)
```
#8caab5
```
#8caab5 rgb(140,170,181)
```
#8c96b5
```
#8c96b5 rgb(140,150,181)
```

Analogous Color

#b5ac8c
```
#b5ac8c rgb(181,172,140)
```
#8caab5
```
#8caab5 rgb(140,170,181)
```
#b58c96
```
#b58c96 rgb(181,140,150)
```

Split Complementary Color

#aab58c
```
#aab58c rgb(170,181,140)
```
#8caab5
```
#8caab5 rgb(140,170,181)
```
#b58caa
```
#b58caa rgb(181,140,170)
```

Triadic Color

#8cb597
```
#8cb597 rgb(140,181,151)
```
#8caab5
```
#8caab5 rgb(140,170,181)
```
#b58caa
```
#b58caa rgb(181,140,170)
```
#b5978c
```
#b5978c rgb(181,151,140)
```

Tetradic Color

#608795
```
#608795 rgb(96,135,149)
```
#6d93a1
```
#6d93a1 rgb(109,147,161)
```
#7c9fab
```
#7c9fab rgb(124,159,171)
```
#8caab5
```
#8caab5 rgb(140,170,181)
```
#9cb5bf
```
#9cb5bf rgb(156,181,191)
```
#abc1c9
```
#abc1c9 rgb(171,193,201)
```
#bbccd3
```
#bbccd3 rgb(187,204,211)
```

Monochromatic Color

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

#8cb4b5
```
#8cb4b5 rgb(140,180,181)
```
#8cb1b5
```
#8cb1b5 rgb(140,177,181)
```
#8cadb5
```
#8cadb5 rgb(140,173,181)
```
#8caab5
```
#8caab5 rgb(140,170,181)
```
#8ca7b5
```
#8ca7b5 rgb(140,167,181)
```
#8ca3b5
```
#8ca3b5 rgb(140,163,181)
```
#8ca0b5
```
#8ca0b5 rgb(140,160,181)
```

Similar Colors

Text with hexadecimal color #8caab5

This text has a font color of #8caab5.

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

#8caab5 background color

This paragraph has a background color of #8caab5.

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

#8caab5 border color

This element has a border color of #8caab5.

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

CSS codes

.text {color:#8caab5;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a0f10
```
#0a0f10 rgb(10,15,16)
```
#121a1c
```
#121a1c rgb(18,26,28)
```
#1a2428
```
#1a2428 rgb(26,36,40)
```
#222f34
```
#222f34 rgb(34,47,52)
```
#293a40
```
#293a40 rgb(41,58,64)
```
#31454c
```
#31454c rgb(49,69,76)
```
#394f58
```
#394f58 rgb(57,79,88)
```
#405a64
```
#405a64 rgb(64,90,100)
```
#486570
```
#486570 rgb(72,101,112)
```
#50707c
```
#50707c rgb(80,112,124)
```
#577b88
```
#577b88 rgb(87,123,136)
```
#5f8594
```
#5f8594 rgb(95,133,148)
```

Shade Color Variation

#68909e
```
#68909e rgb(104,144,158)
```
#7498a6
```
#7498a6 rgb(116,152,166)
```
#80a1ad
```
#80a1ad rgb(128,161,173)
```
#8caab5
```
#8caab5 rgb(140,170,181)
```
#98b3bd
```
#98b3bd rgb(152,179,189)
```
#a4bcc4
```
#a4bcc4 rgb(164,188,196)
```
#b0c4cc
```
#b0c4cc rgb(176,196,204)
```
#bccdd4
```
#bccdd4 rgb(188,205,212)
```
#c8d6db
```
#c8d6db rgb(200,214,219)
```
#d4dfe3
```
#d4dfe3 rgb(212,223,227)
```
#e0e8eb
```
#e0e8eb rgb(224,232,235)
```
#ebf1f2
```
#ebf1f2 rgb(235,241,242)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba3a6 is the less saturated color, while #43ccfe is the most saturated one.

#9ba3a6
```
#9ba3a6 rgb(155,163,166)
```
#93a7ae
```
#93a7ae rgb(147,167,174)
```
#8caab5
```
#8caab5 rgb(140,170,181)
```
#85adbc
```
#85adbc rgb(133,173,188)
```
#7db1c4
```
#7db1c4 rgb(125,177,196)
```
#76b4cb
```
#76b4cb rgb(118,180,203)
```
#6fb7d2
```
#6fb7d2 rgb(111,183,210)
```
#68bbd9
```
#68bbd9 rgb(104,187,217)
```
#60bee1
```
#60bee1 rgb(96,190,225)
```
#59c2e8
```
#59c2e8 rgb(89,194,232)
```
#52c5ef
```
#52c5ef rgb(82,197,239)
```
#4bc8f6
```
#4bc8f6 rgb(75,200,246)
```
#43ccfe
```
#43ccfe rgb(67,204,254)
```

Tone Color Variation

Below, you can see how #8caab5 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

#a2a2a2 Achromatopsia 0.005% of the population
#9ea4a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a8b5 Protanopia 1% of men
#b0a5bb Deuteranopia 1% of men
#92aeba Tritanopia 0.001% of the population

Trichromacy

#9ea9b5 Protanomaly 1% of men, 0.01% of women
#a3a7b9 Deuteranomaly 6% of men, 0.4% of women
#90acb8 Tritanomaly 0.01% of the population

#8caab5 hex color

#8caab5 Color Information

#8caab5 Color Conversion

Color Schemes with #8caab5

Alternatives to #8caab5

#8caab5 Preview

Shades and Tints of #8caab5

Tones of #8caab5

Color Blindness Simulator