#9ea4b2 hex color

In a RGB color space, hex #9ea4b2 is composed of 62% red, 64.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 7.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 222 degrees, a saturation of 11.5% and a lightness of 65.9%. #9ea4b2 color hex could be obtained by blending #ffffff with #3d4965. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 62
- G 64
- B 70
RGB color chart
- C 11
- M 8
- Y 0
- K 30
CMYK color chart

● #9ea4b2 color description : Dark grayish blue.

The hexadecimal color #9ea4b2 has RGB values of R:158, G:164, B:178 and CMYK values of C:0.11, M:0.08, Y:0, K:0.3. Its decimal value is 10396850.

Hex triplet	9ea4b2	`#9ea4b2`
RGB Decimal	158, 164, 178	`rgb(158,164,178)`
RGB Percent	62, 64.3, 69.8	`rgb(62%,64.3%,69.8%)`
CMYK	11, 8, 0, 30
HSL	222°, 11.5, 65.9	`hsl(222,11.5%,65.9%)`
HSV (or HSB)	222°, 11.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.303, 0.714, -7.953
XYZ	35.41, 37.034, 47.4
xyY	0.295, 0.309, 37.034
CIE-LCH	67.303, 7.985, 275.134
CIE-LUV	67.303, -4.057, -11.983
Hunter-Lab	60.856, -2.633, -3.581
Binary	10011110, 10100100, 10110010

#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#b2ac9e
```
#b2ac9e rgb(178,172,158)
```

Complementary Color

#9eaeb2
```
#9eaeb2 rgb(158,174,178)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#a29eb2
```
#a29eb2 rgb(162,158,178)
```

Analogous Color

#aeb29e
```
#aeb29e rgb(174,178,158)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#b2a29e
```
#b2a29e rgb(178,162,158)
```

Split Complementary Color

#a4b29e
```
#a4b29e rgb(164,178,158)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#b29ea4
```
#b29ea4 rgb(178,158,164)
```

Triadic Color

#9eb2ac
```
#9eb2ac rgb(158,178,172)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#b29ea4
```
#b29ea4 rgb(178,158,164)
```
#b2ac9e
```
#b2ac9e rgb(178,172,158)
```

Tetradic Color

#737c90
```
#737c90 rgb(115,124,144)
```
#82899b
```
#82899b rgb(130,137,155)
```
#9097a7
```
#9097a7 rgb(144,151,167)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#acb1bd
```
#acb1bd rgb(172,177,189)
```
#babfc9
```
#babfc9 rgb(186,191,201)
```
#c9ccd4
```
#c9ccd4 rgb(201,204,212)
```

Monochromatic Color

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

#9ea9b2
```
#9ea9b2 rgb(158,169,178)
```
#9ea7b2
```
#9ea7b2 rgb(158,167,178)
```
#9ea6b2
```
#9ea6b2 rgb(158,166,178)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#9ea2b2
```
#9ea2b2 rgb(158,162,178)
```
#9ea1b2
```
#9ea1b2 rgb(158,161,178)
```
#9e9fb2
```
#9e9fb2 rgb(158,159,178)
```

Similar Colors

Text with hexadecimal color #9ea4b2

This text has a font color of #9ea4b2.

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

#9ea4b2 background color

This paragraph has a background color of #9ea4b2.

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

#9ea4b2 border color

This element has a border color of #9ea4b2.

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

CSS codes

.text {color:#9ea4b2;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#121417
```
#121417 rgb(18,20,23)
```
#1b1d22
```
#1b1d22 rgb(27,29,34)
```
#24272d
```
#24272d rgb(36,39,45)
```
#2d3038
```
#2d3038 rgb(45,48,56)
```
#353943
```
#353943 rgb(53,57,67)
```
#3e434e
```
#3e434e rgb(62,67,78)
```
#474c59
```
#474c59 rgb(71,76,89)
```
#4f5564
```
#4f5564 rgb(79,85,100)
```
#585f6f
```
#585f6f rgb(88,95,111)
```
#61687a
```
#61687a rgb(97,104,122)
```
#697185
```
#697185 rgb(105,113,133)
```

Shade Color Variation

#727b8f
```
#727b8f rgb(114,123,143)
```
#7d8598
```
#7d8598 rgb(125,133,152)
```
#888fa1
```
#888fa1 rgb(136,143,161)
```
#939aa9
```
#939aa9 rgb(147,154,169)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#a9aebb
```
#a9aebb rgb(169,174,187)
```
#b4b9c3
```
#b4b9c3 rgb(180,185,195)
```
#bfc3cc
```
#bfc3cc rgb(191,195,204)
```
#cacdd5
```
#cacdd5 rgb(202,205,213)
```
#d5d7dd
```
#d5d7dd rgb(213,215,221)
```
#e0e2e6
```
#e0e2e6 rgb(224,226,230)
```
#ebecef
```
#ebecef rgb(235,236,239)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

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

#a5a7ab
```
#a5a7ab rgb(165,167,171)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#97a1b9
```
#97a1b9 rgb(151,161,185)
```
#919fbf
```
#919fbf rgb(145,159,191)
```
#8a9cc6
```
#8a9cc6 rgb(138,156,198)
```
#8399cd
```
#8399cd rgb(131,153,205)
```
#7d97d3
```
#7d97d3 rgb(125,151,211)
```
#7694da
```
#7694da rgb(118,148,218)
```
#6f91e1
```
#6f91e1 rgb(111,145,225)
```
#688fe8
```
#688fe8 rgb(104,143,232)
```
#628cee
```
#628cee rgb(98,140,238)
```
#5b89f5
```
#5b89f5 rgb(91,137,245)
```
#5487fc
```
#5487fc rgb(84,135,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a3a4a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a7b5 Protanopia 1% of men
#b1a4b7 Deuteranopia 1% of men
#a2a8b5 Tritanopia 0.001% of the population

Trichromacy

#a4a6b4 Protanomaly 1% of men, 0.01% of women
#aaa4b5 Deuteranomaly 6% of men, 0.4% of women
#a1a7b3 Tritanomaly 0.01% of the population

#9ea4b2 hex color

#9ea4b2 Color Information

#9ea4b2 Color Conversion

Color Schemes with #9ea4b2

Alternatives to #9ea4b2

#9ea4b2 Preview

Shades and Tints of #9ea4b2

Tones of #9ea4b2

Color Blindness Simulator