#9ca4c7 hex color

In a RGB color space, hex #9ca4c7 is composed of 61.2% red, 64.3% green and 78% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 17.6% magenta, 0% yellow and 22% black. It has a hue angle of 228.8 degrees, a saturation of 27.7% and a lightness of 69.6%. #9ca4c7 color hex could be obtained by blending #ffffff with #39498f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 64
- B 78
RGB color chart
- C 22
- M 18
- Y 0
- K 22
CMYK color chart

● #9ca4c7 color description : Grayish blue.

The hexadecimal color #9ca4c7 has RGB values of R:156, G:164, B:199 and CMYK values of C:0.22, M:0.18, Y:0, K:0.22. Its decimal value is 10265799.

Hex triplet	9ca4c7	`#9ca4c7`
RGB Decimal	156, 164, 199	`rgb(156,164,199)`
RGB Percent	61.2, 64.3, 78	`rgb(61.2%,64.3%,78%)`
CMYK	22, 18, 0, 22
HSL	228.8°, 27.7, 69.6	`hsl(228.8,27.7%,69.6%)`
HSV (or HSB)	228.8°, 21.6, 78
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.83, 4.706, -18.84
XYZ	37.293, 37.742, 59.35
xyY	0.278, 0.281, 37.742
CIE-LCH	67.83, 19.419, 284.026
CIE-LUV	67.83, -6.133, -29.692
Hunter-Lab	61.434, 0.845, -14.274
Binary	10011100, 10100100, 11000111

#9ca4c7
```
#9ca4c7 rgb(156,164,199)
```
#c7bf9c
```
#c7bf9c rgb(199,191,156)
```

Complementary Color

#9cbac7
```
#9cbac7 rgb(156,186,199)
```
#9ca4c7
```
#9ca4c7 rgb(156,164,199)
```
#aa9cc7
```
#aa9cc7 rgb(170,156,199)
```

Analogous Color

#bac79c
```
#bac79c rgb(186,199,156)
```
#9ca4c7
```
#9ca4c7 rgb(156,164,199)
```
#c7aa9c
```
#c7aa9c rgb(199,170,156)
```

Split Complementary Color

#a4c79c
```
#a4c79c rgb(164,199,156)
```
#9ca4c7
```
#9ca4c7 rgb(156,164,199)
```
#c79ca4
```
#c79ca4 rgb(199,156,164)
```

Triadic Color

#9cc7bf
```
#9cc7bf rgb(156,199,191)
```
#9ca4c7
```
#9ca4c7 rgb(156,164,199)
```
#c79ca4
```
#c79ca4 rgb(199,156,164)
```
#c7bf9c
```
#c7bf9c rgb(199,191,156)
```

Tetradic Color

#6b77ab
```
#6b77ab rgb(107,119,171)
```
#7b86b5
```
#7b86b5 rgb(123,134,181)
```
#8c95be
```
#8c95be rgb(140,149,190)
```
#9ca4c7
```
#9ca4c7 rgb(156,164,199)
```
#acb3d0
```
#acb3d0 rgb(172,179,208)
```
#bdc2d9
```
#bdc2d9 rgb(189,194,217)
```
#cdd1e3
```
#cdd1e3 rgb(205,209,227)
```

Monochromatic Color

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

#9cafc7
```
#9cafc7 rgb(156,175,199)
```
#9cabc7
```
#9cabc7 rgb(156,171,199)
```
#9ca8c7
```
#9ca8c7 rgb(156,168,199)
```
#9ca4c7
```
#9ca4c7 rgb(156,164,199)
```
#9ca0c7
```
#9ca0c7 rgb(156,160,199)
```
#9c9dc7
```
#9c9dc7 rgb(156,157,199)
```
#9f9cc7
```
#9f9cc7 rgb(159,156,199)
```

Similar Colors

Text with hexadecimal color #9ca4c7

This text has a font color of #9ca4c7.

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

#9ca4c7 background color

This paragraph has a background color of #9ca4c7.

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

#9ca4c7 border color

This element has a border color of #9ca4c7.

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

CSS codes

.text {color:#9ca4c7;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#08090e
```
#08090e rgb(8,9,14)
```
#0f111a
```
#0f111a rgb(15,17,26)
```
#161927
```
#161927 rgb(22,25,39)
```
#1d2133
```
#1d2133 rgb(29,33,51)
```
#242940
```
#242940 rgb(36,41,64)
```
#2b314c
```
#2b314c rgb(43,49,76)
```
#323959
```
#323959 rgb(50,57,89)
```
#394265
```
#394265 rgb(57,66,101)
```
#404a72
```
#404a72 rgb(64,74,114)
```
#48527f
```
#48527f rgb(72,82,127)
```
#4f5a8b
```
#4f5a8b rgb(79,90,139)
```
#566298
```
#566298 rgb(86,98,152)
```

Shade Color Variation

#5d6aa4
```
#5d6aa4 rgb(93,106,164)
```
#6a76ab
```
#6a76ab rgb(106,118,171)
```
#7681b2
```
#7681b2 rgb(118,129,178)
```
#838db9
```
#838db9 rgb(131,141,185)
```
#8f98c0
```
#8f98c0 rgb(143,152,192)
```
#9ca4c7
```
#9ca4c7 rgb(156,164,199)
```
#a9b0ce
```
#a9b0ce rgb(169,176,206)
```
#b5bbd5
```
#b5bbd5 rgb(181,187,213)
```
#c2c7dc
```
#c2c7dc rgb(194,199,220)
```
#ced2e3
```
#ced2e3 rgb(206,210,227)
```
#dbdeea
```
#dbdeea rgb(219,222,234)
```
#e7e9f2
```
#e7e9f2 rgb(231,233,242)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

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

#aeafb5
```
#aeafb5 rgb(174,175,181)
```
#a8abbb
```
#a8abbb rgb(168,171,187)
```
#a2a8c1
```
#a2a8c1 rgb(162,168,193)
```
#9ca4c7
```
#9ca4c7 rgb(156,164,199)
```
#96a0cd
```
#96a0cd rgb(150,160,205)
```
#909dd3
```
#909dd3 rgb(144,157,211)
```
#8a99d9
```
#8a99d9 rgb(138,153,217)
```
#8495df
```
#8495df rgb(132,149,223)
```
#7e91e5
```
#7e91e5 rgb(126,145,229)
```
#788eeb
```
#788eeb rgb(120,142,235)
```
#728af1
```
#728af1 rgb(114,138,241)
```
#6c86f7
```
#6c86f7 rgb(108,134,247)
```
#6682fd
```
#6682fd rgb(102,130,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a4a6ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a8c9 Protanopia 1% of men
#a8a6ca Deuteranopia 1% of men
#9dabb8 Tritanopia 0.001% of the population

Trichromacy

#9fa6c8 Protanomaly 1% of men, 0.01% of women
#a3a5c9 Deuteranomaly 6% of men, 0.4% of women
#9ca9bd Tritanomaly 0.01% of the population

#9ca4c7 hex color

#9ca4c7 Color Information

#9ca4c7 Color Conversion

Color Schemes with #9ca4c7

Alternatives to #9ca4c7

#9ca4c7 Preview

Shades and Tints of #9ca4c7

Tones of #9ca4c7

Color Blindness Simulator