colorhexa.com

#9caabf hex color

In a RGB color space, hex #9caabf is composed of 61.2% red, 66.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 11% magenta, 0% yellow and 25.1% black. It has a hue angle of 216 degrees, a saturation of 21.5% and a lightness of 68%. #9caabf color hex could be obtained by blending #ffffff with #39557f. Closest websafe color is: #9999cc.

- R 61
- G 67
- B 75
RGB color chart
- C 18
- M 11
- Y 0
- K 25
CMYK color chart

● #9caabf color description : Grayish blue.

The hexadecimal color #9caabf has RGB values of R:156, G:170, B:191 and CMYK values of C:0.18, M:0.11, Y:0, K:0.25. Its decimal value is 10267327.

Hex triplet	9caabf	`#9caabf`
RGB Decimal	156, 170, 191	`rgb(156,170,191)`
RGB Percent	61.2, 66.7, 74.9	`rgb(61.2%,66.7%,74.9%)`
CMYK	18, 11, 0, 25
HSL	216°, 21.5, 68	`hsl(216,21.5%,68%)`
HSV (or HSB)	216°, 18.3, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.168, -0.427, -12.393
XYZ	37.487, 39.578, 54.952
xyY	0.284, 0.3, 39.578
CIE-LCH	69.168, 12.4, 268.029
CIE-LUV	69.168, -8.512, -18.75
Hunter-Lab	62.911, -3.732, -7.751
Binary	10011100, 10101010, 10111111

#9caabf
```
#9caabf rgb(156,170,191)
```
#bfb19c
```
#bfb19c rgb(191,177,156)
```

Complementary Color

#9cbcbf
```
#9cbcbf rgb(156,188,191)
```
#9caabf
```
#9caabf rgb(156,170,191)
```
#a09cbf
```
#a09cbf rgb(160,156,191)
```

Analogous Color

#bcbf9c
```
#bcbf9c rgb(188,191,156)
```
#9caabf
```
#9caabf rgb(156,170,191)
```
#bfa09c
```
#bfa09c rgb(191,160,156)
```

Split Complementary Color

#aabf9c
```
#aabf9c rgb(170,191,156)
```
#9caabf
```
#9caabf rgb(156,170,191)
```
#bf9caa
```
#bf9caa rgb(191,156,170)
```

Triadic Color

#9cbfb1
```
#9cbfb1 rgb(156,191,177)
```
#9caabf
```
#9caabf rgb(156,170,191)
```
#bf9caa
```
#bf9caa rgb(191,156,170)
```
#bfb19c
```
#bfb19c rgb(191,177,156)
```

Tetradic Color

#6e82a1
```
#6e82a1 rgb(110,130,161)
```
#7d8fab
```
#7d8fab rgb(125,143,171)
```
#8d9db5
```
#8d9db5 rgb(141,157,181)
```
#9caabf
```
#9caabf rgb(156,170,191)
```
#abb7c9
```
#abb7c9 rgb(171,183,201)
```
#bbc5d3
```
#bbc5d3 rgb(187,197,211)
```
#cad2dd
```
#cad2dd rgb(202,210,221)
```

Monochromatic Color

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

#9cb3bf
```
#9cb3bf rgb(156,179,191)
```
#9cb0bf
```
#9cb0bf rgb(156,176,191)
```
#9cadbf
```
#9cadbf rgb(156,173,191)
```
#9caabf
```
#9caabf rgb(156,170,191)
```
#9ca7bf
```
#9ca7bf rgb(156,167,191)
```
#9ca4bf
```
#9ca4bf rgb(156,164,191)
```
#9ca1bf
```
#9ca1bf rgb(156,161,191)
```

Similar Colors

Text with hexadecimal color #9caabf

This text has a font color of #9caabf.

<span style="color:#9caabf;">Text here</span>

#9caabf background color

This paragraph has a background color of #9caabf.

<p style="background-color:#9caabf;">Content here</p>

#9caabf border color

This element has a border color of #9caabf.

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

CSS codes

.text {color:#9caabf;}

.background {background-color:#9caabf;}

.border {border:1px solid #9caabf;}

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

#050608
```
#050608 rgb(5,6,8)
```
#0d1014
```
#0d1014 rgb(13,16,20)
```
#151920
```
#151920 rgb(21,25,32)
```
#1c232c
```
#1c232c rgb(28,35,44)
```
#242c38
```
#242c38 rgb(36,44,56)
```
#2c3544
```
#2c3544 rgb(44,53,68)
```
#343f50
```
#343f50 rgb(52,63,80)
```
#3b485c
```
#3b485c rgb(59,72,92)
```
#435268
```
#435268 rgb(67,82,104)
```
#4b5b73
```
#4b5b73 rgb(75,91,115)
```
#52647f
```
#52647f rgb(82,100,127)
```
#5a6e8b
```
#5a6e8b rgb(90,110,139)
```
#627797
```
#627797 rgb(98,119,151)
```

Shade Color Variation

#6c81a0
```
#6c81a0 rgb(108,129,160)
```
#788ba8
```
#788ba8 rgb(120,139,168)
```
#8496b0
```
#8496b0 rgb(132,150,176)
```
#90a0b7
```
#90a0b7 rgb(144,160,183)
```
#9caabf
```
#9caabf rgb(156,170,191)
```
#a8b4c7
```
#a8b4c7 rgb(168,180,199)
```
#b4bece
```
#b4bece rgb(180,190,206)
```
#c0c9d6
```
#c0c9d6 rgb(192,201,214)
```
#ccd3de
```
#ccd3de rgb(204,211,222)
```
#d8dde6
```
#d8dde6 rgb(216,221,230)
```
#e3e7ed
```
#e3e7ed rgb(227,231,237)
```
#eff2f5
```
#eff2f5 rgb(239,242,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a9adb2 is the less saturated color, while #5d9dfe is the most saturated one.

#a9adb2
```
#a9adb2 rgb(169,173,178)
```
#a2abb9
```
#a2abb9 rgb(162,171,185)
```
#9caabf
```
#9caabf rgb(156,170,191)
```
#96a9c5
```
#96a9c5 rgb(150,169,197)
```
#8fa7cc
```
#8fa7cc rgb(143,167,204)
```
#89a6d2
```
#89a6d2 rgb(137,166,210)
```
#83a5d8
```
#83a5d8 rgb(131,165,216)
```
#7da4de
```
#7da4de rgb(125,164,222)
```
#76a2e5
```
#76a2e5 rgb(118,162,229)
```
#70a1eb
```
#70a1eb rgb(112,161,235)
```
#6aa0f1
```
#6aa0f1 rgb(106,160,241)
```
#649ff7
```
#649ff7 rgb(100,159,247)
```
#5d9dfe
```
#5d9dfe rgb(93,157,254)
```

Tone Color Variation

Below, you can see how #9caabf 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

#a8a8a8 Achromatopsia 0.005% of the population
#a6a8ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaacc0 Protanopia 1% of men
#b2a9c4 Deuteranopia 1% of men
#9fafbc Tritanopia 0.001% of the population

Trichromacy

#a4abc0 Protanomaly 1% of men, 0.01% of women
#aaa9c2 Deuteranomaly 6% of men, 0.4% of women
#9eadbd Tritanomaly 0.01% of the population