#9ca7c2 hex color

In a RGB color space, hex #9ca7c2 is composed of 61.2% red, 65.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 13.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 222.6 degrees, a saturation of 23.8% and a lightness of 68.6%. #9ca7c2 color hex could be obtained by blending #ffffff with #394f85. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 65
- B 76
RGB color chart
- C 20
- M 14
- Y 0
- K 24
CMYK color chart

● #9ca7c2 color description : Grayish blue.

The hexadecimal color #9ca7c2 has RGB values of R:156, G:167, B:194 and CMYK values of C:0.2, M:0.14, Y:0, K:0.24. Its decimal value is 10266562.

Hex triplet	9ca7c2	`#9ca7c2`
RGB Decimal	156, 167, 194	`rgb(156,167,194)`
RGB Percent	61.2, 65.5, 76.1	`rgb(61.2%,65.5%,76.1%)`
CMYK	20, 14, 0, 24
HSL	222.6°, 23.8, 68.6	`hsl(222.6,23.8%,68.6%)`
HSV (or HSB)	222.6°, 19.6, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.46, 1.897, -15.117
XYZ	37.265, 38.6, 56.523
xyY	0.281, 0.292, 38.6
CIE-LCH	68.46, 15.235, 277.155
CIE-LUV	68.46, -7.26, -23.37
Hunter-Lab	62.129, -1.662, -10.45
Binary	10011100, 10100111, 11000010

#9ca7c2
```
#9ca7c2 rgb(156,167,194)
```
#c2b79c
```
#c2b79c rgb(194,183,156)
```

Complementary Color

#9cbac2
```
#9cbac2 rgb(156,186,194)
```
#9ca7c2
```
#9ca7c2 rgb(156,167,194)
```
#a49cc2
```
#a49cc2 rgb(164,156,194)
```

Analogous Color

#bac29c
```
#bac29c rgb(186,194,156)
```
#9ca7c2
```
#9ca7c2 rgb(156,167,194)
```
#c2a49c
```
#c2a49c rgb(194,164,156)
```

Split Complementary Color

#a7c29c
```
#a7c29c rgb(167,194,156)
```
#9ca7c2
```
#9ca7c2 rgb(156,167,194)
```
#c29ca7
```
#c29ca7 rgb(194,156,167)
```

Triadic Color

#9cc2b7
```
#9cc2b7 rgb(156,194,183)
```
#9ca7c2
```
#9ca7c2 rgb(156,167,194)
```
#c29ca7
```
#c29ca7 rgb(194,156,167)
```
#c2b79c
```
#c2b79c rgb(194,183,156)
```

Tetradic Color

#6d7da5
```
#6d7da5 rgb(109,125,165)
```
#7c8baf
```
#7c8baf rgb(124,139,175)
```
#8c99b8
```
#8c99b8 rgb(140,153,184)
```
#9ca7c2
```
#9ca7c2 rgb(156,167,194)
```
#acb5cc
```
#acb5cc rgb(172,181,204)
```
#bcc3d5
```
#bcc3d5 rgb(188,195,213)
```
#cbd1df
```
#cbd1df rgb(203,209,223)
```

Monochromatic Color

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

#9cb1c2
```
#9cb1c2 rgb(156,177,194)
```
#9cadc2
```
#9cadc2 rgb(156,173,194)
```
#9caac2
```
#9caac2 rgb(156,170,194)
```
#9ca7c2
```
#9ca7c2 rgb(156,167,194)
```
#9ca4c2
```
#9ca4c2 rgb(156,164,194)
```
#9ca1c2
```
#9ca1c2 rgb(156,161,194)
```
#9c9ec2
```
#9c9ec2 rgb(156,158,194)
```

Similar Colors

Text with hexadecimal color #9ca7c2

This text has a font color of #9ca7c2.

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

#9ca7c2 background color

This paragraph has a background color of #9ca7c2.

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

#9ca7c2 border color

This element has a border color of #9ca7c2.

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

CSS codes

.text {color:#9ca7c2;}

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

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

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, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0e1016
```
#0e1016 rgb(14,16,22)
```
#151923
```
#151923 rgb(21,25,35)
```
#1d222f
```
#1d222f rgb(29,34,47)
```
#242b3b
```
#242b3b rgb(36,43,59)
```
#2c3447
```
#2c3447 rgb(44,52,71)
```
#333c53
```
#333c53 rgb(51,60,83)
```
#3b455f
```
#3b455f rgb(59,69,95)
```
#424e6b
```
#424e6b rgb(66,78,107)
```
#4a5777
```
#4a5777 rgb(74,87,119)
```
#516084
```
#516084 rgb(81,96,132)
```
#596990
```
#596990 rgb(89,105,144)
```
#60719c
```
#60719c rgb(96,113,156)
```

Shade Color Variation

#6b7ca4
```
#6b7ca4 rgb(107,124,164)
```
#7887ac
```
#7887ac rgb(120,135,172)
```
#8491b3
```
#8491b3 rgb(132,145,179)
```
#909cbb
```
#909cbb rgb(144,156,187)
```
#9ca7c2
```
#9ca7c2 rgb(156,167,194)
```
#a8b2c9
```
#a8b2c9 rgb(168,178,201)
```
#b4bdd1
```
#b4bdd1 rgb(180,189,209)
```
#c0c7d8
```
#c0c7d8 rgb(192,199,216)
```
#cdd2e0
```
#cdd2e0 rgb(205,210,224)
```
#d9dde7
```
#d9dde7 rgb(217,221,231)
```
#e5e8ef
```
#e5e8ef rgb(229,232,239)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#aeafb0
```
#aeafb0 rgb(174,175,176)
```
#a8acb6
```
#a8acb6 rgb(168,172,182)
```
#a2aabc
```
#a2aabc rgb(162,170,188)
```
#9ca7c2
```
#9ca7c2 rgb(156,167,194)
```
#96a4c8
```
#96a4c8 rgb(150,164,200)
```
#90a2ce
```
#90a2ce rgb(144,162,206)
```
#8a9fd4
```
#8a9fd4 rgb(138,159,212)
```
#839ddb
```
#839ddb rgb(131,157,219)
```
#7d9ae1
```
#7d9ae1 rgb(125,154,225)
```
#7797e7
```
#7797e7 rgb(119,151,231)
```
#7195ed
```
#7195ed rgb(113,149,237)
```
#6b92f3
```
#6b92f3 rgb(107,146,243)
```
#6590f9
```
#6590f9 rgb(101,144,249)
```

Tone Color Variation

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

Dichromacy

#a6aac4 Protanopia 1% of men
#ada7c6 Deuteranopia 1% of men
#9eadba Tritanopia 0.001% of the population

Trichromacy

#a2a9c3 Protanomaly 1% of men, 0.01% of women
#a7a7c4 Deuteranomaly 6% of men, 0.4% of women
#9dabbc Tritanomaly 0.01% of the population

#9ca7c2 hex color

#9ca7c2 Color Information

#9ca7c2 Color Conversion

Color Schemes with #9ca7c2

Alternatives to #9ca7c2

#9ca7c2 Preview

Shades and Tints of #9ca7c2

Tones of #9ca7c2

Color Blindness Simulator