#9ca2dd hex color

In a RGB color space, hex #9ca2dd is composed of 61.2% red, 63.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 26.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 234.5 degrees, a saturation of 48.9% and a lightness of 73.9%. #9ca2dd color hex could be obtained by blending #ffffff with #3945bb. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 64
- B 87
RGB color chart
- C 29
- M 27
- Y 0
- K 13
CMYK color chart

● #9ca2dd color description : Very soft blue.

The hexadecimal color #9ca2dd has RGB values of R:156, G:162, B:221 and CMYK values of C:0.29, M:0.27, Y:0, K:0.13. Its decimal value is 10265309.

Hex triplet	9ca2dd	`#9ca2dd`
RGB Decimal	156, 162, 221	`rgb(156,162,221)`
RGB Percent	61.2, 63.5, 86.7	`rgb(61.2%,63.5%,86.7%)`
CMYK	29, 27, 0, 13
HSL	234.5°, 48.9, 73.9	`hsl(234.5,48.9%,73.9%)`
HSV (or HSB)	234.5°, 29.4, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.115, 11.125, -30.555
XYZ	39.679, 38.128, 73.672
xyY	0.262, 0.252, 38.128
CIE-LCH	68.115, 32.517, 290.007
CIE-LUV	68.115, -6.39, -49.762
Hunter-Lab	61.748, 6.644, -27.515
Binary	10011100, 10100010, 11011101

#9ca2dd
```
#9ca2dd rgb(156,162,221)
```
#ddd79c
```
#ddd79c rgb(221,215,156)
```

Complementary Color

#9cc3dd
```
#9cc3dd rgb(156,195,221)
```
#9ca2dd
```
#9ca2dd rgb(156,162,221)
```
#b79cdd
```
#b79cdd rgb(183,156,221)
```

Analogous Color

#c3dd9c
```
#c3dd9c rgb(195,221,156)
```
#9ca2dd
```
#9ca2dd rgb(156,162,221)
```
#ddb79c
```
#ddb79c rgb(221,183,156)
```

Split Complementary Color

#a2dd9c
```
#a2dd9c rgb(162,221,156)
```
#9ca2dd
```
#9ca2dd rgb(156,162,221)
```
#dd9ca2
```
#dd9ca2 rgb(221,156,162)
```

Triadic Color

#9cddd7
```
#9cddd7 rgb(156,221,215)
```
#9ca2dd
```
#9ca2dd rgb(156,162,221)
```
#dd9ca2
```
#dd9ca2 rgb(221,156,162)
```
#ddd79c
```
#ddd79c rgb(221,215,156)
```

Tetradic Color

#636dc9
```
#636dc9 rgb(99,109,201)
```
#767ed0
```
#767ed0 rgb(118,126,208)
```
#8990d6
```
#8990d6 rgb(137,144,214)
```
#9ca2dd
```
#9ca2dd rgb(156,162,221)
```
#afb4e4
```
#afb4e4 rgb(175,180,228)
```
#c2c6ea
```
#c2c6ea rgb(194,198,234)
```
#d5d7f1
```
#d5d7f1 rgb(213,215,241)
```

Monochromatic Color

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

#9cb2dd
```
#9cb2dd rgb(156,178,221)
```
#9caddd
```
#9caddd rgb(156,173,221)
```
#9ca7dd
```
#9ca7dd rgb(156,167,221)
```
#9ca2dd
```
#9ca2dd rgb(156,162,221)
```
#9c9ddd
```
#9c9ddd rgb(156,157,221)
```
#a19cdd
```
#a19cdd rgb(161,156,221)
```
#a69cdd
```
#a69cdd rgb(166,156,221)
```

Similar Colors

Text with hexadecimal color #9ca2dd

This text has a font color of #9ca2dd.

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

#9ca2dd background color

This paragraph has a background color of #9ca2dd.

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

#9ca2dd border color

This element has a border color of #9ca2dd.

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

CSS codes

.text {color:#9ca2dd;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060712
```
#060712 rgb(6,7,18)
```
#0b0d20
```
#0b0d20 rgb(11,13,32)
```
#10132f
```
#10132f rgb(16,19,47)
```
#15193e
```
#15193e rgb(21,25,62)
```
#1a1f4c
```
#1a1f4c rgb(26,31,76)
```
#1f255b
```
#1f255b rgb(31,37,91)
```
#242b69
```
#242b69 rgb(36,43,105)
```
#293078
```
#293078 rgb(41,48,120)
```
#2e3687
```
#2e3687 rgb(46,54,135)
```
#333c95
```
#333c95 rgb(51,60,149)
```
#3842a4
```
#3842a4 rgb(56,66,164)
```
#3d48b2
```
#3d48b2 rgb(61,72,178)
```

Shade Color Variation

#4450bf
```
#4450bf rgb(68,80,191)
```
#535dc4
```
#535dc4 rgb(83,93,196)
```
#626bc9
```
#626bc9 rgb(98,107,201)
```
#7079ce
```
#7079ce rgb(112,121,206)
```
#7f87d3
```
#7f87d3 rgb(127,135,211)
```
#8d94d8
```
#8d94d8 rgb(141,148,216)
```
#9ca2dd
```
#9ca2dd rgb(156,162,221)
```
#abb0e2
```
#abb0e2 rgb(171,176,226)
```
#b9bde7
```
#b9bde7 rgb(185,189,231)
```
#c8cbec
```
#c8cbec rgb(200,203,236)
```
#d6d9f1
```
#d6d9f1 rgb(214,217,241)
```
#e5e7f6
```
#e5e7f6 rgb(229,231,246)
```
#f4f4fb
```
#f4f4fb rgb(244,244,251)
```

Tint Color Variation

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

#bbbbbe
```
#bbbbbe rgb(187,187,190)
```
#b6b7c3
```
#b6b7c3 rgb(182,183,195)
```
#b0b3c9
```
#b0b3c9 rgb(176,179,201)
```
#abafce
```
#abafce rgb(171,175,206)
```
#a6aad3
```
#a6aad3 rgb(166,170,211)
```
#a1a6d8
```
#a1a6d8 rgb(161,166,216)
```
#9ca2dd
```
#9ca2dd rgb(156,162,221)
```
#979ee2
```
#979ee2 rgb(151,158,226)
```
#929ae7
```
#929ae7 rgb(146,154,231)
```
#8d95ec
```
#8d95ec rgb(141,149,236)
```
#8891f1
```
#8891f1 rgb(136,145,241)
```
#828df7
```
#828df7 rgb(130,141,247)
```
#7d89fc
```
#7d89fc rgb(125,137,252)
```

Tone Color Variation

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

Dichromacy

#99a8e0 Protanopia 1% of men
#9ba8de Deuteranopia 1% of men
#97aeba Tritanopia 0.001% of the population

Trichromacy

#9aa6de Protanomaly 1% of men, 0.01% of women
#9ba6dd Deuteranomaly 6% of men, 0.4% of women
#99a9c7 Tritanomaly 0.01% of the population

#9ca2dd hex color

#9ca2dd Color Information

#9ca2dd Color Conversion

Color Schemes with #9ca2dd

Alternatives to #9ca2dd

#9ca2dd Preview

Shades and Tints of #9ca2dd

Tones of #9ca2dd

Color Blindness Simulator