#9caabc hex color

In a RGB color space, hex #9caabc is composed of 61.2% red, 66.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 9.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 213.8 degrees, a saturation of 19.3% and a lightness of 67.5%. #9caabc color hex could be obtained by blending #ffffff with #395579. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 67
- B 74
RGB color chart
- C 17
- M 10
- Y 0
- K 26
CMYK color chart

● #9caabc color description : Grayish blue.

The hexadecimal color #9caabc has RGB values of R:156, G:170, B:188 and CMYK values of C:0.17, M:0.1, Y:0, K:0.26. Its decimal value is 10267324.

Hex triplet	9caabc	`#9caabc`
RGB Decimal	156, 170, 188	`rgb(156,170,188)`
RGB Percent	61.2, 66.7, 73.7	`rgb(61.2%,66.7%,73.7%)`
CMYK	17, 10, 0, 26
HSL	213.8°, 19.3, 67.5	`hsl(213.8,19.3%,67.5%)`
HSV (or HSB)	213.8°, 17, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.074, -1.091, -10.874
XYZ	37.16, 39.448, 53.231
xyY	0.286, 0.304, 39.448
CIE-LCH	69.074, 10.929, 264.273
CIE-LUV	69.074, -8.391, -16.267
Hunter-Lab	62.807, -4.303, -6.284
Binary	10011100, 10101010, 10111100

#9caabc
```
#9caabc rgb(156,170,188)
```
#bcae9c
```
#bcae9c rgb(188,174,156)
```

Complementary Color

#9cbabc
```
#9cbabc rgb(156,186,188)
```
#9caabc
```
#9caabc rgb(156,170,188)
```
#9e9cbc
```
#9e9cbc rgb(158,156,188)
```

Analogous Color

#babc9c
```
#babc9c rgb(186,188,156)
```
#9caabc
```
#9caabc rgb(156,170,188)
```
#bc9e9c
```
#bc9e9c rgb(188,158,156)
```

Split Complementary Color

#aabc9c
```
#aabc9c rgb(170,188,156)
```
#9caabc
```
#9caabc rgb(156,170,188)
```
#bc9caa
```
#bc9caa rgb(188,156,170)
```

Triadic Color

#9cbcae
```
#9cbcae rgb(156,188,174)
```
#9caabc
```
#9caabc rgb(156,170,188)
```
#bc9caa
```
#bc9caa rgb(188,156,170)
```
#bcae9c
```
#bcae9c rgb(188,174,156)
```

Tetradic Color

#6e839d
```
#6e839d rgb(110,131,157)
```
#7e90a7
```
#7e90a7 rgb(126,144,167)
```
#8d9db2
```
#8d9db2 rgb(141,157,178)
```
#9caabc
```
#9caabc rgb(156,170,188)
```
#abb7c6
```
#abb7c6 rgb(171,183,198)
```
#bac4d1
```
#bac4d1 rgb(186,196,209)
```
#cad1db
```
#cad1db rgb(202,209,219)
```

Monochromatic Color

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

#9cb2bc
```
#9cb2bc rgb(156,178,188)
```
#9cafbc
```
#9cafbc rgb(156,175,188)
```
#9cadbc
```
#9cadbc rgb(156,173,188)
```
#9caabc
```
#9caabc rgb(156,170,188)
```
#9ca7bc
```
#9ca7bc rgb(156,167,188)
```
#9ca5bc
```
#9ca5bc rgb(156,165,188)
```
#9ca2bc
```
#9ca2bc rgb(156,162,188)
```

Similar Colors

Text with hexadecimal color #9caabc

This text has a font color of #9caabc.

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

#9caabc background color

This paragraph has a background color of #9caabc.

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

#9caabc border color

This element has a border color of #9caabc.

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

CSS codes

.text {color:#9caabc;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c0f12
```
#0c0f12 rgb(12,15,18)
```
#14181e
```
#14181e rgb(20,24,30)
```
#1c2229
```
#1c2229 rgb(28,34,41)
```
#242b35
```
#242b35 rgb(36,43,53)
```
#2c3541
```
#2c3541 rgb(44,53,65)
```
#343f4c
```
#343f4c rgb(52,63,76)
```
#3c4858
```
#3c4858 rgb(60,72,88)
```
#445264
```
#445264 rgb(68,82,100)
```
#4c5b70
```
#4c5b70 rgb(76,91,112)
```
#53657b
```
#53657b rgb(83,101,123)
```
#5b6e87
```
#5b6e87 rgb(91,110,135)
```
#637893
```
#637893 rgb(99,120,147)
```

Shade Color Variation

#6d829c
```
#6d829c rgb(109,130,156)
```
#798ca4
```
#798ca4 rgb(121,140,164)
```
#8596ac
```
#8596ac rgb(133,150,172)
```
#90a0b4
```
#90a0b4 rgb(144,160,180)
```
#9caabc
```
#9caabc rgb(156,170,188)
```
#a8b4c4
```
#a8b4c4 rgb(168,180,196)
```
#b3becc
```
#b3becc rgb(179,190,204)
```
#bfc8d4
```
#bfc8d4 rgb(191,200,212)
```
#cbd2dc
```
#cbd2dc rgb(203,210,220)
```
#d6dce4
```
#d6dce4 rgb(214,220,228)
```
#e2e6ec
```
#e2e6ec rgb(226,230,236)
```
#eef0f3
```
#eef0f3 rgb(238,240,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#a9acaf
```
#a9acaf rgb(169,172,175)
```
#a2abb6
```
#a2abb6 rgb(162,171,182)
```
#9caabc
```
#9caabc rgb(156,170,188)
```
#96a9c2
```
#96a9c2 rgb(150,169,194)
```
#8fa8c9
```
#8fa8c9 rgb(143,168,201)
```
#89a8cf
```
#89a8cf rgb(137,168,207)
```
#82a7d6
```
#82a7d6 rgb(130,167,214)
```
#7ca6dc
```
#7ca6dc rgb(124,166,220)
```
#76a5e2
```
#76a5e2 rgb(118,165,226)
```
#6fa4e9
```
#6fa4e9 rgb(111,164,233)
```
#69a4ef
```
#69a4ef rgb(105,164,239)
```
#63a3f5
```
#63a3f5 rgb(99,163,245)
```
#5ca2fc
```
#5ca2fc rgb(92,162,252)
```

Tone Color Variation

Below, you can see how #9caabc 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
#a6a8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaabbe Protanopia 1% of men
#b3a8c1 Deuteranopia 1% of men
#a0afbb Tritanopia 0.001% of the population

Trichromacy

#a5abbd Protanomaly 1% of men, 0.01% of women
#aaa9bf Deuteranomaly 6% of men, 0.4% of women
#9eadbb Tritanomaly 0.01% of the population

#9caabc hex color

#9caabc Color Information

#9caabc Color Conversion

Color Schemes with #9caabc

Alternatives to #9caabc

#9caabc Preview

Shades and Tints of #9caabc

Tones of #9caabc

Color Blindness Simulator