#9ca6c9 hex color

In a RGB color space, hex #9ca6c9 is composed of 61.2% red, 65.1% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 17.4% magenta, 0% yellow and 21.2% black. It has a hue angle of 226.7 degrees, a saturation of 29.4% and a lightness of 70%. #9ca6c9 color hex could be obtained by blending #ffffff with #394d93. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 65
- B 79
RGB color chart
- C 22
- M 17
- Y 0
- K 21
CMYK color chart

● #9ca6c9 color description : Grayish blue.

The hexadecimal color #9ca6c9 has RGB values of R:156, G:166, B:201 and CMYK values of C:0.22, M:0.17, Y:0, K:0.21. Its decimal value is 10266313.

Hex triplet	9ca6c9	`#9ca6c9`
RGB Decimal	156, 166, 201	`rgb(156,166,201)`
RGB Percent	61.2, 65.1, 78.8	`rgb(61.2%,65.1%,78.8%)`
CMYK	22, 17, 0, 21
HSL	226.7°, 29.4, 70	`hsl(226.7,29.4%,70%)`
HSV (or HSB)	226.7°, 22.4, 78.8
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.429, 4.059, -19.038
XYZ	37.887, 38.557, 60.701
xyY	0.276, 0.281, 38.557
CIE-LCH	68.429, 19.465, 282.035
CIE-LUV	68.429, -7.127, -29.954
Hunter-Lab	62.094, 0.248, -14.494
Binary	10011100, 10100110, 11001001

#9ca6c9
```
#9ca6c9 rgb(156,166,201)
```
#c9bf9c
```
#c9bf9c rgb(201,191,156)
```

Complementary Color

#9cbdc9
```
#9cbdc9 rgb(156,189,201)
```
#9ca6c9
```
#9ca6c9 rgb(156,166,201)
```
#a99cc9
```
#a99cc9 rgb(169,156,201)
```

Analogous Color

#bdc99c
```
#bdc99c rgb(189,201,156)
```
#9ca6c9
```
#9ca6c9 rgb(156,166,201)
```
#c9a99c
```
#c9a99c rgb(201,169,156)
```

Split Complementary Color

#a6c99c
```
#a6c99c rgb(166,201,156)
```
#9ca6c9
```
#9ca6c9 rgb(156,166,201)
```
#c99ca6
```
#c99ca6 rgb(201,156,166)
```

Triadic Color

#9cc9bf
```
#9cc9bf rgb(156,201,191)
```
#9ca6c9
```
#9ca6c9 rgb(156,166,201)
```
#c99ca6
```
#c99ca6 rgb(201,156,166)
```
#c9bf9c
```
#c9bf9c rgb(201,191,156)
```

Tetradic Color

#6b7aae
```
#6b7aae rgb(107,122,174)
```
#7b88b7
```
#7b88b7 rgb(123,136,183)
```
#8c97c0
```
#8c97c0 rgb(140,151,192)
```
#9ca6c9
```
#9ca6c9 rgb(156,166,201)
```
#adb5d2
```
#adb5d2 rgb(173,181,210)
```
#bdc4db
```
#bdc4db rgb(189,196,219)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```

Monochromatic Color

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

#9cb1c9
```
#9cb1c9 rgb(156,177,201)
```
#9caec9
```
#9caec9 rgb(156,174,201)
```
#9caac9
```
#9caac9 rgb(156,170,201)
```
#9ca6c9
```
#9ca6c9 rgb(156,166,201)
```
#9ca2c9
```
#9ca2c9 rgb(156,162,201)
```
#9c9fc9
```
#9c9fc9 rgb(156,159,201)
```
#9d9cc9
```
#9d9cc9 rgb(157,156,201)
```

Similar Colors

Text with hexadecimal color #9ca6c9

This text has a font color of #9ca6c9.

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

#9ca6c9 background color

This paragraph has a background color of #9ca6c9.

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

#9ca6c9 border color

This element has a border color of #9ca6c9.

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

CSS codes

.text {color:#9ca6c9;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080a0f
```
#080a0f rgb(8,10,15)
```
#0f121c
```
#0f121c rgb(15,18,28)
```
#161a29
```
#161a29 rgb(22,26,41)
```
#1d2235
```
#1d2235 rgb(29,34,53)
```
#242b42
```
#242b42 rgb(36,43,66)
```
#2b334f
```
#2b334f rgb(43,51,79)
```
#323b5b
```
#323b5b rgb(50,59,91)
```
#394368
```
#394368 rgb(57,67,104)
```
#404b75
```
#404b75 rgb(64,75,117)
```
#475481
```
#475481 rgb(71,84,129)
```
#4e5c8e
```
#4e5c8e rgb(78,92,142)
```
#54649b
```
#54649b rgb(84,100,155)
```

Shade Color Variation

#5d6da6
```
#5d6da6 rgb(93,109,166)
```
#6978ad
```
#6978ad rgb(105,120,173)
```
#7684b4
```
#7684b4 rgb(118,132,180)
```
#838fbb
```
#838fbb rgb(131,143,187)
```
#8f9bc2
```
#8f9bc2 rgb(143,155,194)
```
#9ca6c9
```
#9ca6c9 rgb(156,166,201)
```
#a9b1d0
```
#a9b1d0 rgb(169,177,208)
```
#b5bdd7
```
#b5bdd7 rgb(181,189,215)
```
#c2c8de
```
#c2c8de rgb(194,200,222)
```
#cfd4e5
```
#cfd4e5 rgb(207,212,229)
```
#dbdfec
```
#dbdfec rgb(219,223,236)
```
#e8eaf3
```
#e8eaf3 rgb(232,234,243)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

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

#aeb0b7
```
#aeb0b7 rgb(174,176,183)
```
#a8adbd
```
#a8adbd rgb(168,173,189)
```
#a2a9c3
```
#a2a9c3 rgb(162,169,195)
```
#9ca6c9
```
#9ca6c9 rgb(156,166,201)
```
#96a3cf
```
#96a3cf rgb(150,163,207)
```
#909fd5
```
#909fd5 rgb(144,159,213)
```
#8a9cdb
```
#8a9cdb rgb(138,156,219)
```
#8499e1
```
#8499e1 rgb(132,153,225)
```
#7f96e6
```
#7f96e6 rgb(127,150,230)
```
#7992ec
```
#7992ec rgb(121,146,236)
```
#738ff2
```
#738ff2 rgb(115,143,242)
```
#6d8cf8
```
#6d8cf8 rgb(109,140,248)
```
#6789fe
```
#6789fe rgb(103,137,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a5a7ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a9cb Protanopia 1% of men
#a9a8cc Deuteranopia 1% of men
#9dadba Tritanopia 0.001% of the population

Trichromacy

#a0a8ca Protanomaly 1% of men, 0.01% of women
#a4a7cb Deuteranomaly 6% of men, 0.4% of women
#9caabf Tritanomaly 0.01% of the population

#9ca6c9 hex color

#9ca6c9 Color Information

#9ca6c9 Color Conversion

Color Schemes with #9ca6c9

Alternatives to #9ca6c9

#9ca6c9 Preview

Shades and Tints of #9ca6c9

Tones of #9ca6c9

Color Blindness Simulator