#9ca9dc hex color

In a RGB color space, hex #9ca9dc is composed of 61.2% red, 66.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 23.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 227.8 degrees, a saturation of 47.8% and a lightness of 73.7%. #9ca9dc color hex could be obtained by blending #ffffff with #3953b9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 66
- B 86
RGB color chart
- C 29
- M 23
- Y 0
- K 14
CMYK color chart

● #9ca9dc color description : Very soft blue.

The hexadecimal color #9ca9dc has RGB values of R:156, G:169, B:220 and CMYK values of C:0.29, M:0.23, Y:0, K:0.14. Its decimal value is 10267100.

Hex triplet	9ca9dc	`#9ca9dc`
RGB Decimal	156, 169, 220	`rgb(156,169,220)`
RGB Percent	61.2, 66.3, 86.3	`rgb(61.2%,66.3%,86.3%)`
CMYK	29, 23, 0, 14
HSL	227.8°, 47.8, 73.7	`hsl(227.8,47.8%,73.7%)`
HSV (or HSB)	227.8°, 29.1, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.902, 6.951, -27.253
XYZ	40.814, 40.61, 73.394
xyY	0.264, 0.262, 40.61
CIE-LCH	69.902, 28.126, 284.309
CIE-LUV	69.902, -9.289, -43.894
Hunter-Lab	63.726, 2.801, -23.677
Binary	10011100, 10101001, 11011100

#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#dccf9c
```
#dccf9c rgb(220,207,156)
```

Complementary Color

#9cc9dc
```
#9cc9dc rgb(156,201,220)
```
#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#af9cdc
```
#af9cdc rgb(175,156,220)
```

Analogous Color

#c9dc9c
```
#c9dc9c rgb(201,220,156)
```
#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#dcaf9c
```
#dcaf9c rgb(220,175,156)
```

Split Complementary Color

#a9dc9c
```
#a9dc9c rgb(169,220,156)
```
#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#dc9ca9
```
#dc9ca9 rgb(220,156,169)
```

Triadic Color

#9cdccf
```
#9cdccf rgb(156,220,207)
```
#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#dc9ca9
```
#dc9ca9 rgb(220,156,169)
```
#dccf9c
```
#dccf9c rgb(220,207,156)
```

Tetradic Color

#6378c8
```
#6378c8 rgb(99,120,200)
```
#7688cf
```
#7688cf rgb(118,136,207)
```
#8999d5
```
#8999d5 rgb(137,153,213)
```
#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#afb9e3
```
#afb9e3 rgb(175,185,227)
```
#c2cae9
```
#c2cae9 rgb(194,202,233)
```
#d5daf0
```
#d5daf0 rgb(213,218,240)
```

Monochromatic Color

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

#9cb9dc
```
#9cb9dc rgb(156,185,220)
```
#9cb4dc
```
#9cb4dc rgb(156,180,220)
```
#9caedc
```
#9caedc rgb(156,174,220)
```
#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#9ca4dc
```
#9ca4dc rgb(156,164,220)
```
#9c9edc
```
#9c9edc rgb(156,158,220)
```
#9f9cdc
```
#9f9cdc rgb(159,156,220)
```

Similar Colors

Text with hexadecimal color #9ca9dc

This text has a font color of #9ca9dc.

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

#9ca9dc background color

This paragraph has a background color of #9ca9dc.

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

#9ca9dc border color

This element has a border color of #9ca9dc.

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

CSS codes

.text {color:#9ca9dc;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060811
```
#060811 rgb(6,8,17)
```
#0b0f1f
```
#0b0f1f rgb(11,15,31)
```
#10162e
```
#10162e rgb(16,22,46)
```
#151d3c
```
#151d3c rgb(21,29,60)
```
#1a244b
```
#1a244b rgb(26,36,75)
```
#202b59
```
#202b59 rgb(32,43,89)
```
#253268
```
#253268 rgb(37,50,104)
```
#2a3976
```
#2a3976 rgb(42,57,118)
```
#2f4085
```
#2f4085 rgb(47,64,133)
```
#344793
```
#344793 rgb(52,71,147)
```
#394ea2
```
#394ea2 rgb(57,78,162)
```
#3e56b0
```
#3e56b0 rgb(62,86,176)
```

Shade Color Variation

#455dbd
```
#455dbd rgb(69,93,189)
```
#546ac2
```
#546ac2 rgb(84,106,194)
```
#6277c8
```
#6277c8 rgb(98,119,200)
```
#7183cd
```
#7183cd rgb(113,131,205)
```
#7f90d2
```
#7f90d2 rgb(127,144,210)
```
#8e9cd7
```
#8e9cd7 rgb(142,156,215)
```
#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#aab6e1
```
#aab6e1 rgb(170,182,225)
```
#b9c2e6
```
#b9c2e6 rgb(185,194,230)
```
#c7cfeb
```
#c7cfeb rgb(199,207,235)
```
#d6dbf0
```
#d6dbf0 rgb(214,219,240)
```
#e4e8f6
```
#e4e8f6 rgb(228,232,246)
```
#f3f5fb
```
#f3f5fb rgb(243,245,251)
```

Tint Color Variation

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

#bbbbbd
```
#bbbbbd rgb(187,187,189)
```
#b6b8c2
```
#b6b8c2 rgb(182,184,194)
```
#b1b5c7
```
#b1b5c7 rgb(177,181,199)
```
#abb2cd
```
#abb2cd rgb(171,178,205)
```
#a6afd2
```
#a6afd2 rgb(166,175,210)
```
#a1acd7
```
#a1acd7 rgb(161,172,215)
```
#9ca9dc
```
#9ca9dc rgb(156,169,220)
```
#97a6e1
```
#97a6e1 rgb(151,166,225)
```
#92a3e6
```
#92a3e6 rgb(146,163,230)
```
#8da0eb
```
#8da0eb rgb(141,160,235)
```
#879df1
```
#879df1 rgb(135,157,241)
```
#829af6
```
#829af6 rgb(130,154,246)
```
#7d97fb
```
#7d97fb rgb(125,151,251)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8abb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1addd Protanopia 1% of men
#a4acde Deuteranopia 1% of men
#99b3c0 Tritanopia 0.001% of the population

Trichromacy

#9fabdd Protanomaly 1% of men, 0.01% of women
#a1abdd Deuteranomaly 6% of men, 0.4% of women
#9aafca Tritanomaly 0.01% of the population

#9ca9dc hex color

#9ca9dc Color Information

#9ca9dc Color Conversion

Color Schemes with #9ca9dc

Alternatives to #9ca9dc

#9ca9dc Preview

Shades and Tints of #9ca9dc

Tones of #9ca9dc

Color Blindness Simulator