#9ca3c4 hex color

In a RGB color space, hex #9ca3c4 is composed of 61.2% red, 63.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 16.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 229.5 degrees, a saturation of 25.3% and a lightness of 69%. #9ca3c4 color hex could be obtained by blending #ffffff with #394789. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 64
- B 77
RGB color chart
- C 20
- M 17
- Y 0
- K 23
CMYK color chart

● #9ca3c4 color description : Grayish blue.

The hexadecimal color #9ca3c4 has RGB values of R:156, G:163, B:196 and CMYK values of C:0.2, M:0.17, Y:0, K:0.23. Its decimal value is 10265540.

Hex triplet	9ca3c4	`#9ca3c4`
RGB Decimal	156, 163, 196	`rgb(156,163,196)`
RGB Percent	61.2, 63.9, 76.9	`rgb(61.2%,63.9%,76.9%)`
CMYK	20, 17, 0, 23
HSL	229.5°, 25.3, 69	`hsl(229.5,25.3%,69%)`
HSV (or HSB)	229.5°, 20.4, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.462, 4.572, -17.734
XYZ	36.769, 37.247, 57.474
xyY	0.28, 0.283, 37.247
CIE-LCH	67.462, 18.314, 284.455
CIE-LUV	67.462, -5.532, -27.878
Hunter-Lab	61.031, 0.738, -13.113
Binary	10011100, 10100011, 11000100

#9ca3c4
```
#9ca3c4 rgb(156,163,196)
```
#c4bd9c
```
#c4bd9c rgb(196,189,156)
```

Complementary Color

#9cb7c4
```
#9cb7c4 rgb(156,183,196)
```
#9ca3c4
```
#9ca3c4 rgb(156,163,196)
```
#a99cc4
```
#a99cc4 rgb(169,156,196)
```

Analogous Color

#b7c49c
```
#b7c49c rgb(183,196,156)
```
#9ca3c4
```
#9ca3c4 rgb(156,163,196)
```
#c4a99c
```
#c4a99c rgb(196,169,156)
```

Split Complementary Color

#a3c49c
```
#a3c49c rgb(163,196,156)
```
#9ca3c4
```
#9ca3c4 rgb(156,163,196)
```
#c49ca3
```
#c49ca3 rgb(196,156,163)
```

Triadic Color

#9cc4bd
```
#9cc4bd rgb(156,196,189)
```
#9ca3c4
```
#9ca3c4 rgb(156,163,196)
```
#c49ca3
```
#c49ca3 rgb(196,156,163)
```
#c4bd9c
```
#c4bd9c rgb(196,189,156)
```

Tetradic Color

#6c76a7
```
#6c76a7 rgb(108,118,167)
```
#7c85b1
```
#7c85b1 rgb(124,133,177)
```
#8c94ba
```
#8c94ba rgb(140,148,186)
```
#9ca3c4
```
#9ca3c4 rgb(156,163,196)
```
#acb2ce
```
#acb2ce rgb(172,178,206)
```
#bcc1d7
```
#bcc1d7 rgb(188,193,215)
```
#ccd0e1
```
#ccd0e1 rgb(204,208,225)
```

Monochromatic Color

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

#9cadc4
```
#9cadc4 rgb(156,173,196)
```
#9caac4
```
#9caac4 rgb(156,170,196)
```
#9ca6c4
```
#9ca6c4 rgb(156,166,196)
```
#9ca3c4
```
#9ca3c4 rgb(156,163,196)
```
#9ca0c4
```
#9ca0c4 rgb(156,160,196)
```
#9c9cc4
```
#9c9cc4 rgb(156,156,196)
```
#9f9cc4
```
#9f9cc4 rgb(159,156,196)
```

Similar Colors

Text with hexadecimal color #9ca3c4

This text has a font color of #9ca3c4.

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

#9ca3c4 background color

This paragraph has a background color of #9ca3c4.

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

#9ca3c4 border color

This element has a border color of #9ca3c4.

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

CSS codes

.text {color:#9ca3c4;}

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

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

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, #07080c is the darkest color, while #fefeff is the lightest one.

#07080c
```
#07080c rgb(7,8,12)
```
#0e1018
```
#0e1018 rgb(14,16,24)
```
#161824
```
#161824 rgb(22,24,36)
```
#1d2030
```
#1d2030 rgb(29,32,48)
```
#24293d
```
#24293d rgb(36,41,61)
```
#2c3149
```
#2c3149 rgb(44,49,73)
```
#333955
```
#333955 rgb(51,57,85)
```
#3a4162
```
#3a4162 rgb(58,65,98)
```
#42496e
```
#42496e rgb(66,73,110)
```
#49517a
```
#49517a rgb(73,81,122)
```
#505a87
```
#505a87 rgb(80,90,135)
```
#576293
```
#576293 rgb(87,98,147)
```
#5f6a9f
```
#5f6a9f rgb(95,106,159)
```

Shade Color Variation

#6b75a7
```
#6b75a7 rgb(107,117,167)
```
#7781ae
```
#7781ae rgb(119,129,174)
```
#838cb5
```
#838cb5 rgb(131,140,181)
```
#9098bd
```
#9098bd rgb(144,152,189)
```
#9ca3c4
```
#9ca3c4 rgb(156,163,196)
```
#a8aecb
```
#a8aecb rgb(168,174,203)
```
#b5bad3
```
#b5bad3 rgb(181,186,211)
```
#c1c5da
```
#c1c5da rgb(193,197,218)
```
#cdd1e1
```
#cdd1e1 rgb(205,209,225)
```
#d9dce9
```
#d9dce9 rgb(217,220,233)
```
#e6e8f0
```
#e6e8f0 rgb(230,232,240)
```
#f2f3f7
```
#f2f3f7 rgb(242,243,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#aeafb2
```
#aeafb2 rgb(174,175,178)
```
#a8abb8
```
#a8abb8 rgb(168,171,184)
```
#a2a7be
```
#a2a7be rgb(162,167,190)
```
#9ca3c4
```
#9ca3c4 rgb(156,163,196)
```
#969fca
```
#969fca rgb(150,159,202)
```
#909bd0
```
#909bd0 rgb(144,155,208)
```
#8a97d6
```
#8a97d6 rgb(138,151,214)
```
#8493dc
```
#8493dc rgb(132,147,220)
```
#7e8fe2
```
#7e8fe2 rgb(126,143,226)
```
#788be8
```
#788be8 rgb(120,139,232)
```
#7187ef
```
#7187ef rgb(113,135,239)
```
#6b83f5
```
#6b83f5 rgb(107,131,245)
```
#657ffb
```
#657ffb rgb(101,127,251)
```

Tone Color Variation

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

#a1a7c6 Protanopia 1% of men
#a8a5c7 Deuteranopia 1% of men
#9daab6 Tritanopia 0.001% of the population

Trichromacy

#9fa5c5 Protanomaly 1% of men, 0.01% of women
#a3a4c6 Deuteranomaly 6% of men, 0.4% of women
#9ca7bb Tritanomaly 0.01% of the population

#9ca3c4 hex color

#9ca3c4 Color Information

#9ca3c4 Color Conversion

Color Schemes with #9ca3c4

Alternatives to #9ca3c4

#9ca3c4 Preview

Shades and Tints of #9ca3c4

Tones of #9ca3c4

Color Blindness Simulator