#9ca1c2 hex color

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

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

● #9ca1c2 color description : Grayish blue.

The hexadecimal color #9ca1c2 has RGB values of R:156, G:161, B:194 and CMYK values of C:0.2, M:0.17, Y:0, K:0.24. Its decimal value is 10265026.

Hex triplet	9ca1c2	`#9ca1c2`
RGB Decimal	156, 161, 194	`rgb(156,161,194)`
RGB Percent	61.2, 63.1, 76.1	`rgb(61.2%,63.1%,76.1%)`
CMYK	20, 17, 0, 24
HSL	232.1°, 23.8, 68.6	`hsl(232.1,23.8%,68.6%)`
HSV (or HSB)	232.1°, 19.6, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.864, 5.229, -17.529
XYZ	36.191, 36.452, 56.165
xyY	0.281, 0.283, 36.452
CIE-LCH	66.864, 18.292, 286.61
CIE-LUV	66.864, -4.52, -27.611
Hunter-Lab	60.376, 1.34, -12.892
Binary	10011100, 10100001, 11000010

#9ca1c2
```
#9ca1c2 rgb(156,161,194)
```
#c2bd9c
```
#c2bd9c rgb(194,189,156)
```

Complementary Color

#9cb4c2
```
#9cb4c2 rgb(156,180,194)
```
#9ca1c2
```
#9ca1c2 rgb(156,161,194)
```
#aa9cc2
```
#aa9cc2 rgb(170,156,194)
```

Analogous Color

#b4c29c
```
#b4c29c rgb(180,194,156)
```
#9ca1c2
```
#9ca1c2 rgb(156,161,194)
```
#c2aa9c
```
#c2aa9c rgb(194,170,156)
```

Split Complementary Color

#a1c29c
```
#a1c29c rgb(161,194,156)
```
#9ca1c2
```
#9ca1c2 rgb(156,161,194)
```
#c29ca1
```
#c29ca1 rgb(194,156,161)
```

Triadic Color

#9cc2bd
```
#9cc2bd rgb(156,194,189)
```
#9ca1c2
```
#9ca1c2 rgb(156,161,194)
```
#c29ca1
```
#c29ca1 rgb(194,156,161)
```
#c2bd9c
```
#c2bd9c rgb(194,189,156)
```

Tetradic Color

#6d74a5
```
#6d74a5 rgb(109,116,165)
```
#7c83af
```
#7c83af rgb(124,131,175)
```
#8c92b8
```
#8c92b8 rgb(140,146,184)
```
#9ca1c2
```
#9ca1c2 rgb(156,161,194)
```
#acb0cc
```
#acb0cc rgb(172,176,204)
```
#bcbfd5
```
#bcbfd5 rgb(188,191,213)
```
#cbcedf
```
#cbcedf rgb(203,206,223)
```

Monochromatic Color

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

#9cabc2
```
#9cabc2 rgb(156,171,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)
```
#9d9cc2
```
#9d9cc2 rgb(157,156,194)
```
#a19cc2
```
#a19cc2 rgb(161,156,194)
```

Similar Colors

Text with hexadecimal color #9ca1c2

This text has a font color of #9ca1c2.

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

#9ca1c2 background color

This paragraph has a background color of #9ca1c2.

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

#9ca1c2 border color

This element has a border color of #9ca1c2.

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

CSS codes

.text {color:#9ca1c2;}

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

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

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)
```
#0e0f16
```
#0e0f16 rgb(14,15,22)
```
#151723
```
#151723 rgb(21,23,35)
```
#1d1f2f
```
#1d1f2f rgb(29,31,47)
```
#24273b
```
#24273b rgb(36,39,59)
```
#2c2f47
```
#2c2f47 rgb(44,47,71)
```
#333753
```
#333753 rgb(51,55,83)
```
#3b3f5f
```
#3b3f5f rgb(59,63,95)
```
#42486b
```
#42486b rgb(66,72,107)
```
#4a5077
```
#4a5077 rgb(74,80,119)
```
#515884
```
#515884 rgb(81,88,132)
```
#596090
```
#596090 rgb(89,96,144)
```
#60689c
```
#60689c rgb(96,104,156)
```

Shade Color Variation

#6b73a4
```
#6b73a4 rgb(107,115,164)
```
#787eac
```
#787eac rgb(120,126,172)
```
#848ab3
```
#848ab3 rgb(132,138,179)
```
#9095bb
```
#9095bb rgb(144,149,187)
```
#9ca1c2
```
#9ca1c2 rgb(156,161,194)
```
#a8adc9
```
#a8adc9 rgb(168,173,201)
```
#b4b8d1
```
#b4b8d1 rgb(180,184,209)
```
#c0c4d8
```
#c0c4d8 rgb(192,196,216)
```
#cdcfe0
```
#cdcfe0 rgb(205,207,224)
```
#d9dbe7
```
#d9dbe7 rgb(217,219,231)
```
#e5e6ef
```
#e5e6ef rgb(229,230,239)
```
#f1f2f6
```
#f1f2f6 rgb(241,242,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 #6578f9 is the most saturated one.

#aeafb0
```
#aeafb0 rgb(174,175,176)
```
#a8aab6
```
#a8aab6 rgb(168,170,182)
```
#a2a6bc
```
#a2a6bc rgb(162,166,188)
```
#9ca1c2
```
#9ca1c2 rgb(156,161,194)
```
#969cc8
```
#969cc8 rgb(150,156,200)
```
#9098ce
```
#9098ce rgb(144,152,206)
```
#8a93d4
```
#8a93d4 rgb(138,147,212)
```
#838fdb
```
#838fdb rgb(131,143,219)
```
#7d8ae1
```
#7d8ae1 rgb(125,138,225)
```
#7786e7
```
#7786e7 rgb(119,134,231)
```
#7181ed
```
#7181ed rgb(113,129,237)
```
#6b7df3
```
#6b7df3 rgb(107,125,243)
```
#6578f9
```
#6578f9 rgb(101,120,249)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a2a3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a6c5 Protanopia 1% of men
#a7a4c5 Deuteranopia 1% of men
#9da8b4 Tritanopia 0.001% of the population

Trichromacy

#9ea4c4 Protanomaly 1% of men, 0.01% of women
#a3a2c4 Deuteranomaly 6% of men, 0.4% of women
#9ca5b9 Tritanomaly 0.01% of the population

#9ca1c2 hex color

#9ca1c2 Color Information

#9ca1c2 Color Conversion

Color Schemes with #9ca1c2

Alternatives to #9ca1c2

#9ca1c2 Preview

Shades and Tints of #9ca1c2

Tones of #9ca1c2

Color Blindness Simulator