#9ca4c2 hex color

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

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

● #9ca4c2 color description : Grayish blue.

The hexadecimal color #9ca4c2 has RGB values of R:156, G:164, B:194 and CMYK values of C:0.2, M:0.15, Y:0, K:0.24. Its decimal value is 10265794.

Hex triplet	9ca4c2	`#9ca4c2`
RGB Decimal	156, 164, 194	`rgb(156,164,194)`
RGB Percent	61.2, 64.3, 76.1	`rgb(61.2%,64.3%,76.1%)`
CMYK	20, 15, 0, 24
HSL	227.4°, 23.8, 68.6	`hsl(227.4,23.8%,68.6%)`
HSV (or HSB)	227.4°, 19.6, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.66, 3.559, -16.324
XYZ	36.721, 37.513, 56.342
xyY	0.281, 0.287, 37.513
CIE-LCH	67.66, 16.708, 282.298
CIE-LUV	67.66, -5.888, -25.493
Hunter-Lab	61.248, -0.164, -11.667
Binary	10011100, 10100100, 11000010

#9ca4c2
```
#9ca4c2 rgb(156,164,194)
```
#c2ba9c
```
#c2ba9c rgb(194,186,156)
```

Complementary Color

#9cb7c2
```
#9cb7c2 rgb(156,183,194)
```
#9ca4c2
```
#9ca4c2 rgb(156,164,194)
```
#a79cc2
```
#a79cc2 rgb(167,156,194)
```

Analogous Color

#b7c29c
```
#b7c29c rgb(183,194,156)
```
#9ca4c2
```
#9ca4c2 rgb(156,164,194)
```
#c2a79c
```
#c2a79c rgb(194,167,156)
```

Split Complementary Color

#a4c29c
```
#a4c29c rgb(164,194,156)
```
#9ca4c2
```
#9ca4c2 rgb(156,164,194)
```
#c29ca4
```
#c29ca4 rgb(194,156,164)
```

Triadic Color

#9cc2ba
```
#9cc2ba rgb(156,194,186)
```
#9ca4c2
```
#9ca4c2 rgb(156,164,194)
```
#c29ca4
```
#c29ca4 rgb(194,156,164)
```
#c2ba9c
```
#c2ba9c rgb(194,186,156)
```

Tetradic Color

#6d78a5
```
#6d78a5 rgb(109,120,165)
```
#7c87af
```
#7c87af rgb(124,135,175)
```
#8c95b8
```
#8c95b8 rgb(140,149,184)
```
#9ca4c2
```
#9ca4c2 rgb(156,164,194)
```
#acb3cc
```
#acb3cc rgb(172,179,204)
```
#bcc1d5
```
#bcc1d5 rgb(188,193,213)
```
#cbd0df
```
#cbd0df rgb(203,208,223)
```

Monochromatic Color

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

#9caec2
```
#9caec2 rgb(156,174,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)
```
#9e9cc2
```
#9e9cc2 rgb(158,156,194)
```

Similar Colors

Text with hexadecimal color #9ca4c2

This text has a font color of #9ca4c2.

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

#9ca4c2 background color

This paragraph has a background color of #9ca4c2.

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

#9ca4c2 border color

This element has a border color of #9ca4c2.

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

CSS codes

.text {color:#9ca4c2;}

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

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

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)
```
#151823
```
#151823 rgb(21,24,35)
```
#1d212f
```
#1d212f rgb(29,33,47)
```
#24293b
```
#24293b rgb(36,41,59)
```
#2c3147
```
#2c3147 rgb(44,49,71)
```
#333a53
```
#333a53 rgb(51,58,83)
```
#3b425f
```
#3b425f rgb(59,66,95)
```
#424b6b
```
#424b6b rgb(66,75,107)
```
#4a5377
```
#4a5377 rgb(74,83,119)
```
#515c84
```
#515c84 rgb(81,92,132)
```
#596490
```
#596490 rgb(89,100,144)
```
#606d9c
```
#606d9c rgb(96,109,156)
```

Shade Color Variation

#6b77a4
```
#6b77a4 rgb(107,119,164)
```
#7883ac
```
#7883ac rgb(120,131,172)
```
#848eb3
```
#848eb3 rgb(132,142,179)
```
#9099bb
```
#9099bb rgb(144,153,187)
```
#9ca4c2
```
#9ca4c2 rgb(156,164,194)
```
#a8afc9
```
#a8afc9 rgb(168,175,201)
```
#b4bad1
```
#b4bad1 rgb(180,186,209)
```
#c0c5d8
```
#c0c5d8 rgb(192,197,216)
```
#cdd1e0
```
#cdd1e0 rgb(205,209,224)
```
#d9dce7
```
#d9dce7 rgb(217,220,231)
```
#e5e7ef
```
#e5e7ef rgb(229,231,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 #6584f9 is the most saturated one.

#aeafb0
```
#aeafb0 rgb(174,175,176)
```
#a8abb6
```
#a8abb6 rgb(168,171,182)
```
#a2a8bc
```
#a2a8bc rgb(162,168,188)
```
#9ca4c2
```
#9ca4c2 rgb(156,164,194)
```
#96a0c8
```
#96a0c8 rgb(150,160,200)
```
#909dce
```
#909dce rgb(144,157,206)
```
#8a99d4
```
#8a99d4 rgb(138,153,212)
```
#8396db
```
#8396db rgb(131,150,219)
```
#7d92e1
```
#7d92e1 rgb(125,146,225)
```
#778fe7
```
#778fe7 rgb(119,143,231)
```
#718bed
```
#718bed rgb(113,139,237)
```
#6b87f3
```
#6b87f3 rgb(107,135,243)
```
#6584f9
```
#6584f9 rgb(101,132,249)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a3a5ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a8c4 Protanopia 1% of men
#aaa5c6 Deuteranopia 1% of men
#9eabb7 Tritanopia 0.001% of the population

Trichromacy

#a0a6c3 Protanomaly 1% of men, 0.01% of women
#a5a5c4 Deuteranomaly 6% of men, 0.4% of women
#9da8bb Tritanomaly 0.01% of the population

#9ca4c2 hex color

#9ca4c2 Color Information

#9ca4c2 Color Conversion

Color Schemes with #9ca4c2

Alternatives to #9ca4c2

#9ca4c2 Preview

Shades and Tints of #9ca4c2

Tones of #9ca4c2

Color Blindness Simulator