#9cabbc hex color

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

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

● #9cabbc color description : Grayish blue.

The hexadecimal color #9cabbc has RGB values of R:156, G:171, B:188 and CMYK values of C:0.17, M:0.09, Y:0, K:0.26. Its decimal value is 10267580.

Hex triplet	9cabbc	`#9cabbc`
RGB Decimal	156, 171, 188	`rgb(156,171,188)`
RGB Percent	61.2, 67.1, 73.7	`rgb(61.2%,67.1%,73.7%)`
CMYK	17, 9, 0, 26
HSL	211.9°, 19.3, 67.5	`hsl(211.9,19.3%,67.5%)`
HSV (or HSB)	211.9°, 17, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.344, -1.637, -10.471
XYZ	37.348, 39.824, 53.293
xyY	0.286, 0.305, 39.824
CIE-LCH	69.344, 10.599, 261.115
CIE-LUV	69.344, -8.858, -15.564
Hunter-Lab	63.106, -4.794, -5.896
Binary	10011100, 10101011, 10111100

#9cabbc
```
#9cabbc rgb(156,171,188)
```
#bcad9c
```
#bcad9c rgb(188,173,156)
```

Complementary Color

#9cbbbc
```
#9cbbbc rgb(156,187,188)
```
#9cabbc
```
#9cabbc rgb(156,171,188)
```
#9d9cbc
```
#9d9cbc rgb(157,156,188)
```

Analogous Color

#bbbc9c
```
#bbbc9c rgb(187,188,156)
```
#9cabbc
```
#9cabbc rgb(156,171,188)
```
#bc9d9c
```
#bc9d9c rgb(188,157,156)
```

Split Complementary Color

#abbc9c
```
#abbc9c rgb(171,188,156)
```
#9cabbc
```
#9cabbc rgb(156,171,188)
```
#bc9cab
```
#bc9cab rgb(188,156,171)
```

Triadic Color

#9cbcad
```
#9cbcad rgb(156,188,173)
```
#9cabbc
```
#9cabbc rgb(156,171,188)
```
#bc9cab
```
#bc9cab rgb(188,156,171)
```
#bcad9c
```
#bcad9c rgb(188,173,156)
```

Tetradic Color

#6e849d
```
#6e849d rgb(110,132,157)
```
#7e91a7
```
#7e91a7 rgb(126,145,167)
```
#8d9eb2
```
#8d9eb2 rgb(141,158,178)
```
#9cabbc
```
#9cabbc rgb(156,171,188)
```
#abb8c6
```
#abb8c6 rgb(171,184,198)
```
#bac5d1
```
#bac5d1 rgb(186,197,209)
```
#cad2db
```
#cad2db rgb(202,210,219)
```

Monochromatic Color

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

#9cb3bc
```
#9cb3bc rgb(156,179,188)
```
#9cb0bc
```
#9cb0bc rgb(156,176,188)
```
#9caebc
```
#9caebc rgb(156,174,188)
```
#9cabbc
```
#9cabbc rgb(156,171,188)
```
#9ca8bc
```
#9ca8bc rgb(156,168,188)
```
#9ca6bc
```
#9ca6bc rgb(156,166,188)
```
#9ca3bc
```
#9ca3bc rgb(156,163,188)
```

Similar Colors

Text with hexadecimal color #9cabbc

This text has a font color of #9cabbc.

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

#9cabbc background color

This paragraph has a background color of #9cabbc.

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

#9cabbc border color

This element has a border color of #9cabbc.

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

CSS codes

.text {color:#9cabbc;}

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

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

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)
```
#14191e
```
#14191e rgb(20,25,30)
```
#1c2229
```
#1c2229 rgb(28,34,41)
```
#242c35
```
#242c35 rgb(36,44,53)
```
#2c3641
```
#2c3641 rgb(44,54,65)
```
#343f4c
```
#343f4c rgb(52,63,76)
```
#3c4958
```
#3c4958 rgb(60,73,88)
```
#445364
```
#445364 rgb(68,83,100)
```
#4c5c70
```
#4c5c70 rgb(76,92,112)
```
#53667b
```
#53667b rgb(83,102,123)
```
#5b7087
```
#5b7087 rgb(91,112,135)
```
#637993
```
#637993 rgb(99,121,147)
```

Shade Color Variation

#6d839c
```
#6d839c rgb(109,131,156)
```
#798da4
```
#798da4 rgb(121,141,164)
```
#8597ac
```
#8597ac rgb(133,151,172)
```
#90a1b4
```
#90a1b4 rgb(144,161,180)
```
#9cabbc
```
#9cabbc rgb(156,171,188)
```
#a8b5c4
```
#a8b5c4 rgb(168,181,196)
```
#b3bfcc
```
#b3bfcc rgb(179,191,204)
```
#bfc9d4
```
#bfc9d4 rgb(191,201,212)
```
#cbd3dc
```
#cbd3dc rgb(203,211,220)
```
#d6dde4
```
#d6dde4 rgb(214,221,228)
```
#e2e7ec
```
#e2e7ec rgb(226,231,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 #5ca7fc is the most saturated one.

#a9acaf
```
#a9acaf rgb(169,172,175)
```
#a2abb6
```
#a2abb6 rgb(162,171,182)
```
#9cabbc
```
#9cabbc rgb(156,171,188)
```
#96abc2
```
#96abc2 rgb(150,171,194)
```
#8faac9
```
#8faac9 rgb(143,170,201)
```
#89aacf
```
#89aacf rgb(137,170,207)
```
#82a9d6
```
#82a9d6 rgb(130,169,214)
```
#7ca9dc
```
#7ca9dc rgb(124,169,220)
```
#76a9e2
```
#76a9e2 rgb(118,169,226)
```
#6fa8e9
```
#6fa8e9 rgb(111,168,233)
```
#69a8ef
```
#69a8ef rgb(105,168,239)
```
#63a7f5
```
#63a7f5 rgb(99,167,245)
```
#5ca7fc
```
#5ca7fc rgb(92,167,252)
```

Tone Color Variation

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

Dichromacy

#abacbd Protanopia 1% of men
#b4a9c1 Deuteranopia 1% of men
#a0afbc Tritanopia 0.001% of the population

Trichromacy

#a5acbd Protanomaly 1% of men, 0.01% of women
#abaabf Deuteranomaly 6% of men, 0.4% of women
#9eaebc Tritanomaly 0.01% of the population

#9cabbc hex color

#9cabbc Color Information

#9cabbc Color Conversion

Color Schemes with #9cabbc

Alternatives to #9cabbc

#9cabbc Preview

Shades and Tints of #9cabbc

Tones of #9cabbc

Color Blindness Simulator