#9ca8c2 hex color

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

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

● #9ca8c2 color description : Grayish blue.

The hexadecimal color #9ca8c2 has RGB values of R:156, G:168, B:194 and CMYK values of C:0.2, M:0.13, Y:0, K:0.24. Its decimal value is 10266818.

Hex triplet	9ca8c2	`#9ca8c2`
RGB Decimal	156, 168, 194	`rgb(156,168,194)`
RGB Percent	61.2, 65.9, 76.1	`rgb(61.2%,65.9%,76.1%)`
CMYK	20, 13, 0, 24
HSL	221.1°, 23.8, 68.6	`hsl(221.1,23.8%,68.6%)`
HSV (or HSB)	221.1°, 19.6, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.728, 1.346, -14.714
XYZ	37.449, 38.968, 56.584
xyY	0.282, 0.293, 38.968
CIE-LCH	68.728, 14.775, 275.226
CIE-LUV	68.728, -7.718, -22.661
Hunter-Lab	62.424, -2.159, -10.047
Binary	10011100, 10101000, 11000010

#9ca8c2
```
#9ca8c2 rgb(156,168,194)
```
#c2b69c
```
#c2b69c rgb(194,182,156)
```

Complementary Color

#9cbbc2
```
#9cbbc2 rgb(156,187,194)
```
#9ca8c2
```
#9ca8c2 rgb(156,168,194)
```
#a39cc2
```
#a39cc2 rgb(163,156,194)
```

Analogous Color

#bbc29c
```
#bbc29c rgb(187,194,156)
```
#9ca8c2
```
#9ca8c2 rgb(156,168,194)
```
#c2a39c
```
#c2a39c rgb(194,163,156)
```

Split Complementary Color

#a8c29c
```
#a8c29c rgb(168,194,156)
```
#9ca8c2
```
#9ca8c2 rgb(156,168,194)
```
#c29ca8
```
#c29ca8 rgb(194,156,168)
```

Triadic Color

#9cc2b6
```
#9cc2b6 rgb(156,194,182)
```
#9ca8c2
```
#9ca8c2 rgb(156,168,194)
```
#c29ca8
```
#c29ca8 rgb(194,156,168)
```
#c2b69c
```
#c2b69c rgb(194,182,156)
```

Tetradic Color

#6d7ea5
```
#6d7ea5 rgb(109,126,165)
```
#7c8caf
```
#7c8caf rgb(124,140,175)
```
#8c9ab8
```
#8c9ab8 rgb(140,154,184)
```
#9ca8c2
```
#9ca8c2 rgb(156,168,194)
```
#acb6cc
```
#acb6cc rgb(172,182,204)
```
#bcc4d5
```
#bcc4d5 rgb(188,196,213)
```
#cbd2df
```
#cbd2df rgb(203,210,223)
```

Monochromatic Color

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

#9cb2c2
```
#9cb2c2 rgb(156,178,194)
```
#9caec2
```
#9caec2 rgb(156,174,194)
```
#9cabc2
```
#9cabc2 rgb(156,171,194)
```
#9ca8c2
```
#9ca8c2 rgb(156,168,194)
```
#9ca5c2
```
#9ca5c2 rgb(156,165,194)
```
#9ca2c2
```
#9ca2c2 rgb(156,162,194)
```
#9c9fc2
```
#9c9fc2 rgb(156,159,194)
```

Similar Colors

Text with hexadecimal color #9ca8c2

This text has a font color of #9ca8c2.

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

#9ca8c2 background color

This paragraph has a background color of #9ca8c2.

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

#9ca8c2 border color

This element has a border color of #9ca8c2.

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

CSS codes

.text {color:#9ca8c2;}

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

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

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

#06080a
```
#06080a rgb(6,8,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)
```
#333d53
```
#333d53 rgb(51,61,83)
```
#3b465f
```
#3b465f rgb(59,70,95)
```
#424f6b
```
#424f6b rgb(66,79,107)
```
#4a5877
```
#4a5877 rgb(74,88,119)
```
#516184
```
#516184 rgb(81,97,132)
```
#596a90
```
#596a90 rgb(89,106,144)
```
#60739c
```
#60739c rgb(96,115,156)
```

Shade Color Variation

#6b7da4
```
#6b7da4 rgb(107,125,164)
```
#7888ac
```
#7888ac rgb(120,136,172)
```
#8493b3
```
#8493b3 rgb(132,147,179)
```
#909dbb
```
#909dbb rgb(144,157,187)
```
#9ca8c2
```
#9ca8c2 rgb(156,168,194)
```
#a8b3c9
```
#a8b3c9 rgb(168,179,201)
```
#b4bdd1
```
#b4bdd1 rgb(180,189,209)
```
#c0c8d8
```
#c0c8d8 rgb(192,200,216)
```
#cdd3e0
```
#cdd3e0 rgb(205,211,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 #6594f9 is the most saturated one.

#aeafb0
```
#aeafb0 rgb(174,175,176)
```
#a8adb6
```
#a8adb6 rgb(168,173,182)
```
#a2aabc
```
#a2aabc rgb(162,170,188)
```
#9ca8c2
```
#9ca8c2 rgb(156,168,194)
```
#96a6c8
```
#96a6c8 rgb(150,166,200)
```
#90a3ce
```
#90a3ce rgb(144,163,206)
```
#8aa1d4
```
#8aa1d4 rgb(138,161,212)
```
#839fdb
```
#839fdb rgb(131,159,219)
```
#7d9de1
```
#7d9de1 rgb(125,157,225)
```
#779ae7
```
#779ae7 rgb(119,154,231)
```
#7198ed
```
#7198ed rgb(113,152,237)
```
#6b96f3
```
#6b96f3 rgb(107,150,243)
```
#6594f9
```
#6594f9 rgb(101,148,249)
```

Tone Color Variation

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

#a7aac4 Protanopia 1% of men
#aea8c6 Deuteranopia 1% of men
#9eaeba Tritanopia 0.001% of the population

Trichromacy

#a3a9c3 Protanomaly 1% of men, 0.01% of women
#a7a8c4 Deuteranomaly 6% of men, 0.4% of women
#9dacbd Tritanomaly 0.01% of the population

#9ca8c2 hex color

#9ca8c2 Color Information

#9ca8c2 Color Conversion

Color Schemes with #9ca8c2

Alternatives to #9ca8c2

#9ca8c2 Preview

Shades and Tints of #9ca8c2

Tones of #9ca8c2

Color Blindness Simulator