#9ea3c2 hex color

In a RGB color space, hex #9ea3c2 is composed of 62% red, 63.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 16% magenta, 0% yellow and 23.9% black. It has a hue angle of 231.7 degrees, a saturation of 22.8% and a lightness of 69%. #9ea3c2 color hex could be obtained by blending #ffffff with #3d4785. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 64
- B 76
RGB color chart
- C 19
- M 16
- Y 0
- K 24
CMYK color chart

● #9ea3c2 color description : Grayish blue.

The hexadecimal color #9ea3c2 has RGB values of R:158, G:163, B:194 and CMYK values of C:0.19, M:0.16, Y:0, K:0.24. Its decimal value is 10396610.

Hex triplet	9ea3c2	`#9ea3c2`
RGB Decimal	158, 163, 194	`rgb(158,163,194)`
RGB Percent	62, 63.9, 76.1	`rgb(62%,63.9%,76.1%)`
CMYK	19, 16, 0, 24
HSL	231.7°, 22.8, 69	`hsl(231.7,22.8%,69%)`
HSV (or HSB)	231.7°, 18.6, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.545, 4.756, -16.484
XYZ	36.933, 37.358, 56.301
xyY	0.283, 0.286, 37.358
CIE-LCH	67.545, 17.157, 286.095
CIE-LUV	67.545, -4.415, -25.923
Hunter-Lab	61.121, 0.899, -11.829
Binary	10011110, 10100011, 11000010

#9ea3c2
```
#9ea3c2 rgb(158,163,194)
```
#c2bd9e
```
#c2bd9e rgb(194,189,158)
```

Complementary Color

#9eb5c2
```
#9eb5c2 rgb(158,181,194)
```
#9ea3c2
```
#9ea3c2 rgb(158,163,194)
```
#ab9ec2
```
#ab9ec2 rgb(171,158,194)
```

Analogous Color

#b5c29e
```
#b5c29e rgb(181,194,158)
```
#9ea3c2
```
#9ea3c2 rgb(158,163,194)
```
#c2ab9e
```
#c2ab9e rgb(194,171,158)
```

Split Complementary Color

#a3c29e
```
#a3c29e rgb(163,194,158)
```
#9ea3c2
```
#9ea3c2 rgb(158,163,194)
```
#c29ea3
```
#c29ea3 rgb(194,158,163)
```

Triadic Color

#9ec2bd
```
#9ec2bd rgb(158,194,189)
```
#9ea3c2
```
#9ea3c2 rgb(158,163,194)
```
#c29ea3
```
#c29ea3 rgb(194,158,163)
```
#c2bd9e
```
#c2bd9e rgb(194,189,158)
```

Tetradic Color

#6f76a4
```
#6f76a4 rgb(111,118,164)
```
#7f85ae
```
#7f85ae rgb(127,133,174)
```
#8e94b8
```
#8e94b8 rgb(142,148,184)
```
#9ea3c2
```
#9ea3c2 rgb(158,163,194)
```
#aeb2cc
```
#aeb2cc rgb(174,178,204)
```
#bdc1d6
```
#bdc1d6 rgb(189,193,214)
```
#cdd0e0
```
#cdd0e0 rgb(205,208,224)
```

Monochromatic Color

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

#9eacc2
```
#9eacc2 rgb(158,172,194)
```
#9ea9c2
```
#9ea9c2 rgb(158,169,194)
```
#9ea6c2
```
#9ea6c2 rgb(158,166,194)
```
#9ea3c2
```
#9ea3c2 rgb(158,163,194)
```
#9ea0c2
```
#9ea0c2 rgb(158,160,194)
```
#9f9ec2
```
#9f9ec2 rgb(159,158,194)
```
#a29ec2
```
#a29ec2 rgb(162,158,194)
```

Similar Colors

Text with hexadecimal color #9ea3c2

This text has a font color of #9ea3c2.

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

#9ea3c2 background color

This paragraph has a background color of #9ea3c2.

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

#9ea3c2 border color

This element has a border color of #9ea3c2.

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

CSS codes

.text {color:#9ea3c2;}

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

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

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

#07080b
```
#07080b rgb(7,8,11)
```
#0f1017
```
#0f1017 rgb(15,16,23)
```
#161823
```
#161823 rgb(22,24,35)
```
#1e2030
```
#1e2030 rgb(30,32,48)
```
#25293c
```
#25293c rgb(37,41,60)
```
#2d3148
```
#2d3148 rgb(45,49,72)
```
#353954
```
#353954 rgb(53,57,84)
```
#3c4160
```
#3c4160 rgb(60,65,96)
```
#44496c
```
#44496c rgb(68,73,108)
```
#4b5178
```
#4b5178 rgb(75,81,120)
```
#535a84
```
#535a84 rgb(83,90,132)
```
#5a6290
```
#5a6290 rgb(90,98,144)
```
#626a9c
```
#626a9c rgb(98,106,156)
```

Shade Color Variation

#6e75a4
```
#6e75a4 rgb(110,117,164)
```
#7a81ab
```
#7a81ab rgb(122,129,171)
```
#868cb3
```
#868cb3 rgb(134,140,179)
```
#9298ba
```
#9298ba rgb(146,152,186)
```
#9ea3c2
```
#9ea3c2 rgb(158,163,194)
```
#aaaeca
```
#aaaeca rgb(170,174,202)
```
#b6bad1
```
#b6bad1 rgb(182,186,209)
```
#c2c5d9
```
#c2c5d9 rgb(194,197,217)
```
#ced1e0
```
#ced1e0 rgb(206,209,224)
```
#dadce8
```
#dadce8 rgb(218,220,232)
```
#e6e8ef
```
#e6e8ef rgb(230,232,239)
```
#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, #aaacb6 is the less saturated color, while #6177ff is the most saturated one.

#aaacb6
```
#aaacb6 rgb(170,172,182)
```
#a4a7bc
```
#a4a7bc rgb(164,167,188)
```
#9ea3c2
```
#9ea3c2 rgb(158,163,194)
```
#989fc8
```
#989fc8 rgb(152,159,200)
```
#929ace
```
#929ace rgb(146,154,206)
```
#8c96d4
```
#8c96d4 rgb(140,150,212)
```
#8691da
```
#8691da rgb(134,145,218)
```
#808de0
```
#808de0 rgb(128,141,224)
```
#7a89e6
```
#7a89e6 rgb(122,137,230)
```
#7384ed
```
#7384ed rgb(115,132,237)
```
#6d80f3
```
#6d80f3 rgb(109,128,243)
```
#677cf9
```
#677cf9 rgb(103,124,249)
```
#6177ff
```
#6177ff rgb(97,119,255)
```

Tone Color Variation

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

Dichromacy

#a2a7c5 Protanopia 1% of men
#aaa5c5 Deuteranopia 1% of men
#9faab6 Tritanopia 0.001% of the population

Trichromacy

#a1a6c4 Protanomaly 1% of men, 0.01% of women
#a5a4c4 Deuteranomaly 6% of men, 0.4% of women
#9fa7ba Tritanomaly 0.01% of the population

#9ea3c2 hex color

#9ea3c2 Color Information

#9ea3c2 Color Conversion

Color Schemes with #9ea3c2

Alternatives to #9ea3c2

#9ea3c2 Preview

Shades and Tints of #9ea3c2

Tones of #9ea3c2

Color Blindness Simulator