#9ca0bf hex color

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

♥
- f
- t
- g
- R 61
- G 63
- B 75
RGB color chart
- C 18
- M 16
- Y 0
- K 25
CMYK color chart

● #9ca0bf color description : Grayish blue.

The hexadecimal color #9ca0bf has RGB values of R:156, G:160, B:191 and CMYK values of C:0.18, M:0.16, Y:0, K:0.25. Its decimal value is 10264767.

Hex triplet	9ca0bf	`#9ca0bf`
RGB Decimal	156, 160, 191	`rgb(156,160,191)`
RGB Percent	61.2, 62.7, 74.9	`rgb(61.2%,62.7%,74.9%)`
CMYK	18, 16, 0, 25
HSL	233.1°, 21.5, 68	`hsl(233.1,21.5%,68%)`
HSV (or HSB)	233.1°, 18.3, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.498, 5.106, -16.414
XYZ	35.683, 35.971, 54.35
xyY	0.283, 0.285, 35.971
CIE-LCH	66.498, 17.19, 287.281
CIE-LUV	66.498, -3.901, -25.8
Hunter-Lab	59.976, 1.244, -11.746
Binary	10011100, 10100000, 10111111

#9ca0bf
```
#9ca0bf rgb(156,160,191)
```
#bfbb9c
```
#bfbb9c rgb(191,187,156)
```

Complementary Color

#9cb2bf
```
#9cb2bf rgb(156,178,191)
```
#9ca0bf
```
#9ca0bf rgb(156,160,191)
```
#aa9cbf
```
#aa9cbf rgb(170,156,191)
```

Analogous Color

#b2bf9c
```
#b2bf9c rgb(178,191,156)
```
#9ca0bf
```
#9ca0bf rgb(156,160,191)
```
#bfaa9c
```
#bfaa9c rgb(191,170,156)
```

Split Complementary Color

#a0bf9c
```
#a0bf9c rgb(160,191,156)
```
#9ca0bf
```
#9ca0bf rgb(156,160,191)
```
#bf9ca0
```
#bf9ca0 rgb(191,156,160)
```

Triadic Color

#9cbfbb
```
#9cbfbb rgb(156,191,187)
```
#9ca0bf
```
#9ca0bf rgb(156,160,191)
```
#bf9ca0
```
#bf9ca0 rgb(191,156,160)
```
#bfbb9c
```
#bfbb9c rgb(191,187,156)
```

Tetradic Color

#6e73a1
```
#6e73a1 rgb(110,115,161)
```
#7d82ab
```
#7d82ab rgb(125,130,171)
```
#8d91b5
```
#8d91b5 rgb(141,145,181)
```
#9ca0bf
```
#9ca0bf rgb(156,160,191)
```
#abafc9
```
#abafc9 rgb(171,175,201)
```
#bbbed3
```
#bbbed3 rgb(187,190,211)
```
#cacddd
```
#cacddd rgb(202,205,221)
```

Monochromatic Color

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

#9ca9bf
```
#9ca9bf rgb(156,169,191)
```
#9ca6bf
```
#9ca6bf rgb(156,166,191)
```
#9ca3bf
```
#9ca3bf rgb(156,163,191)
```
#9ca0bf
```
#9ca0bf rgb(156,160,191)
```
#9c9dbf
```
#9c9dbf rgb(156,157,191)
```
#9e9cbf
```
#9e9cbf rgb(158,156,191)
```
#a19cbf
```
#a19cbf rgb(161,156,191)
```

Similar Colors

Text with hexadecimal color #9ca0bf

This text has a font color of #9ca0bf.

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

#9ca0bf background color

This paragraph has a background color of #9ca0bf.

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

#9ca0bf border color

This element has a border color of #9ca0bf.

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

CSS codes

.text {color:#9ca0bf;}

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

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

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 #fbfbfd is the lightest one.

#050608
```
#050608 rgb(5,6,8)
```
#0d0e14
```
#0d0e14 rgb(13,14,20)
```
#151620
```
#151620 rgb(21,22,32)
```
#1c1e2c
```
#1c1e2c rgb(28,30,44)
```
#242638
```
#242638 rgb(36,38,56)
```
#2c2f44
```
#2c2f44 rgb(44,47,68)
```
#343750
```
#343750 rgb(52,55,80)
```
#3b3f5c
```
#3b3f5c rgb(59,63,92)
```
#434768
```
#434768 rgb(67,71,104)
```
#4b4f73
```
#4b4f73 rgb(75,79,115)
```
#52577f
```
#52577f rgb(82,87,127)
```
#5a608b
```
#5a608b rgb(90,96,139)
```
#626897
```
#626897 rgb(98,104,151)
```

Shade Color Variation

#6c72a0
```
#6c72a0 rgb(108,114,160)
```
#787ea8
```
#787ea8 rgb(120,126,168)
```
#8489b0
```
#8489b0 rgb(132,137,176)
```
#9095b7
```
#9095b7 rgb(144,149,183)
```
#9ca0bf
```
#9ca0bf rgb(156,160,191)
```
#a8abc7
```
#a8abc7 rgb(168,171,199)
```
#b4b7ce
```
#b4b7ce rgb(180,183,206)
```
#c0c2d6
```
#c0c2d6 rgb(192,194,214)
```
#cccede
```
#cccede rgb(204,206,222)
```
#d8d9e6
```
#d8d9e6 rgb(216,217,230)
```
#e3e5ed
```
#e3e5ed rgb(227,229,237)
```
#eff0f5
```
#eff0f5 rgb(239,240,245)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#a9aab2
```
#a9aab2 rgb(169,170,178)
```
#a2a5b9
```
#a2a5b9 rgb(162,165,185)
```
#9ca0bf
```
#9ca0bf rgb(156,160,191)
```
#969bc5
```
#969bc5 rgb(150,155,197)
```
#8f96cc
```
#8f96cc rgb(143,150,204)
```
#8991d2
```
#8991d2 rgb(137,145,210)
```
#838dd8
```
#838dd8 rgb(131,141,216)
```
#7d88de
```
#7d88de rgb(125,136,222)
```
#7683e5
```
#7683e5 rgb(118,131,229)
```
#707eeb
```
#707eeb rgb(112,126,235)
```
#6a79f1
```
#6a79f1 rgb(106,121,241)
```
#6474f7
```
#6474f7 rgb(100,116,247)
```
#5d70fe
```
#5d70fe rgb(93,112,254)
```

Tone Color Variation

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

Dichromacy

#a0a5c2 Protanopia 1% of men
#a7a3c2 Deuteranopia 1% of men
#9da7b3 Tritanopia 0.001% of the population

Trichromacy

#9ea3c1 Protanomaly 1% of men, 0.01% of women
#a3a1c1 Deuteranomaly 6% of men, 0.4% of women
#9da4b7 Tritanomaly 0.01% of the population

#9ca0bf hex color

#9ca0bf Color Information

#9ca0bf Color Conversion

Color Schemes with #9ca0bf

Alternatives to #9ca0bf

#9ca0bf Preview

Shades and Tints of #9ca0bf

Tones of #9ca0bf

Color Blindness Simulator