#989aa4 hex color

In a RGB color space, hex #989aa4 is composed of 59.6% red, 60.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 6.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 230 degrees, a saturation of 6.2% and a lightness of 62%. #989aa4 color hex could be obtained by blending #ffffff with #313549. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 60
- G 60
- B 64
RGB color chart
- C 7
- M 6
- Y 0
- K 36
CMYK color chart

● #989aa4 color description : Dark grayish blue.

The hexadecimal color #989aa4 has RGB values of R:152, G:154, B:164 and CMYK values of C:0.07, M:0.06, Y:0, K:0.36. Its decimal value is 10001060.

Hex triplet	989aa4	`#989aa4`
RGB Decimal	152, 154, 164	`rgb(152,154,164)`
RGB Percent	59.6, 60.4, 64.3	`rgb(59.6%,60.4%,64.3%)`
CMYK	7, 6, 0, 36
HSL	230°, 6.2, 62	`hsl(230,6.2%,62%)`
HSV (or HSB)	230°, 7.3, 64.3
Web Safe	999999	`#999999`

CIE-LAB	63.727, 1.277, -5.472
XYZ	31.204, 32.467, 39.743
xyY	0.302, 0.314, 32.467
CIE-LCH	63.727, 5.619, 283.139
CIE-LUV	63.727, -1.681, -8.23
Hunter-Lab	56.98, -1.961, -1.468
Binary	10011000, 10011010, 10100100

#989aa4
```
#989aa4 rgb(152,154,164)
```
#a4a298
```
#a4a298 rgb(164,162,152)
```

Complementary Color

#98a0a4
```
#98a0a4 rgb(152,160,164)
```
#989aa4
```
#989aa4 rgb(152,154,164)
```
#9c98a4
```
#9c98a4 rgb(156,152,164)
```

Analogous Color

#a0a498
```
#a0a498 rgb(160,164,152)
```
#989aa4
```
#989aa4 rgb(152,154,164)
```
#a49c98
```
#a49c98 rgb(164,156,152)
```

Split Complementary Color

#9aa498
```
#9aa498 rgb(154,164,152)
```
#989aa4
```
#989aa4 rgb(152,154,164)
```
#a4989a
```
#a4989a rgb(164,152,154)
```

Triadic Color

#98a4a2
```
#98a4a2 rgb(152,164,162)
```
#989aa4
```
#989aa4 rgb(152,154,164)
```
#a4989a
```
#a4989a rgb(164,152,154)
```
#a4a298
```
#a4a298 rgb(164,162,152)
```

Tetradic Color

#70737f
```
#70737f rgb(112,115,127)
```
#7d7f8c
```
#7d7f8c rgb(125,127,140)
```
#8a8d98
```
#8a8d98 rgb(138,141,152)
```
#989aa4
```
#989aa4 rgb(152,154,164)
```
#a6a7b0
```
#a6a7b0 rgb(166,167,176)
```
#b3b5bc
```
#b3b5bc rgb(179,181,188)
```
#c1c2c8
```
#c1c2c8 rgb(193,194,200)
```

Monochromatic Color

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

#989da4
```
#989da4 rgb(152,157,164)
```
#989ca4
```
#989ca4 rgb(152,156,164)
```
#989ba4
```
#989ba4 rgb(152,155,164)
```
#989aa4
```
#989aa4 rgb(152,154,164)
```
#9899a4
```
#9899a4 rgb(152,153,164)
```
#9898a4
```
#9898a4 rgb(152,152,164)
```
#9998a4
```
#9998a4 rgb(153,152,164)
```

Similar Colors

Text with hexadecimal color #989aa4

This text has a font color of #989aa4.

<span style="color:#989aa4;">Text here</span>

#989aa4 background color

This paragraph has a background color of #989aa4.

<p style="background-color:#989aa4;">Content here</p>

#989aa4 border color

This element has a border color of #989aa4.

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

CSS codes

.text {color:#989aa4;}

.background {background-color:#989aa4;}

.border {border:1px solid #989aa4;}

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 #f6f6f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0c
```
#0a0a0c rgb(10,10,12)
```
#131416
```
#131416 rgb(19,20,22)
```
#1d1d20
```
#1d1d20 rgb(29,29,32)
```
#26272b
```
#26272b rgb(38,39,43)
```
#2f3035
```
#2f3035 rgb(47,48,53)
```
#383940
```
#383940 rgb(56,57,64)
```
#41434a
```
#41434a rgb(65,67,74)
```
#4b4c54
```
#4b4c54 rgb(75,76,84)
```
#54565f
```
#54565f rgb(84,86,95)
```
#5d5f69
```
#5d5f69 rgb(93,95,105)
```
#666874
```
#666874 rgb(102,104,116)
```
#6f727e
```
#6f727e rgb(111,114,126)
```

Shade Color Variation

#797b88
```
#797b88 rgb(121,123,136)
```
#838692
```
#838692 rgb(131,134,146)
```
#8e909b
```
#8e909b rgb(142,144,155)
```
#989aa4
```
#989aa4 rgb(152,154,164)
```
#a2a4ad
```
#a2a4ad rgb(162,164,173)
```
#adaeb6
```
#adaeb6 rgb(173,174,182)
```
#b7b9c0
```
#b7b9c0 rgb(183,185,192)
```
#c2c3c9
```
#c2c3c9 rgb(194,195,201)
```
#cccdd2
```
#cccdd2 rgb(204,205,210)
```
#d6d7db
```
#d6d7db rgb(214,215,219)
```
#e1e1e4
```
#e1e1e4 rgb(225,225,228)
```
#ebecee
```
#ebecee rgb(235,236,238)
```
#f6f6f7
```
#f6f6f7 rgb(246,246,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989aa4 is the less saturated color, while #3e5efe is the most saturated one.

#989aa4
```
#989aa4 rgb(152,154,164)
```
#9195ab
```
#9195ab rgb(145,149,171)
```
#8990b3
```
#8990b3 rgb(137,144,179)
```
#828bba
```
#828bba rgb(130,139,186)
```
#7a86c2
```
#7a86c2 rgb(122,134,194)
```
#7381c9
```
#7381c9 rgb(115,129,201)
```
#6b7cd1
```
#6b7cd1 rgb(107,124,209)
```
#6477d8
```
#6477d8 rgb(100,119,216)
```
#5c72e0
```
#5c72e0 rgb(92,114,224)
```
#556de7
```
#556de7 rgb(85,109,231)
```
#4d68ef
```
#4d68ef rgb(77,104,239)
```
#4663f6
```
#4663f6 rgb(70,99,246)
```
#3e5efe
```
#3e5efe rgb(62,94,254)
```

Tone Color Variation

Below, you can see how #989aa4 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

#9b9b9b Achromatopsia 0.005% of the population
#9a9b9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9ea8 Protanopia 1% of men
#a99baa Deuteranopia 1% of men
#9d9eaa Tritanopia 0.001% of the population

Trichromacy

#9c9ca6 Protanomaly 1% of men, 0.01% of women
#a39aa7 Deuteranomaly 6% of men, 0.4% of women
#9b9da8 Tritanomaly 0.01% of the population

#989aa4 hex color

#989aa4 Color Information

#989aa4 Color Conversion

Color Schemes with #989aa4

Alternatives to #989aa4

#989aa4 Preview

Shades and Tints of #989aa4

Tones of #989aa4

Color Blindness Simulator