#989ba4 hex color

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

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

● #989ba4 color description : Dark grayish blue.

The hexadecimal color #989ba4 has RGB values of R:152, G:155, B:164 and CMYK values of C:0.07, M:0.05, Y:0, K:0.36. Its decimal value is 10001316.

Hex triplet	989ba4	`#989ba4`
RGB Decimal	152, 155, 164	`rgb(152,155,164)`
RGB Percent	59.6, 60.8, 64.3	`rgb(59.6%,60.8%,64.3%)`
CMYK	7, 5, 0, 36
HSL	225°, 6.2, 62	`hsl(225,6.2%,62%)`
HSV (or HSB)	225°, 7.3, 64.3
Web Safe	999999	`#999999`

CIE-LAB	63.997, 0.721, -5.072
XYZ	31.37, 32.798, 39.798
xyY	0.302, 0.315, 32.798
CIE-LCH	63.997, 5.123, 278.094
CIE-LUV	63.997, -2.174, -7.55
Hunter-Lab	57.27, -2.448, -1.113
Binary	10011000, 10011011, 10100100

#989ba4
```
#989ba4 rgb(152,155,164)
```
#a4a198
```
#a4a198 rgb(164,161,152)
```

Complementary Color

#98a1a4
```
#98a1a4 rgb(152,161,164)
```
#989ba4
```
#989ba4 rgb(152,155,164)
```
#9b98a4
```
#9b98a4 rgb(155,152,164)
```

Analogous Color

#a1a498
```
#a1a498 rgb(161,164,152)
```
#989ba4
```
#989ba4 rgb(152,155,164)
```
#a49b98
```
#a49b98 rgb(164,155,152)
```

Split Complementary Color

#9ba498
```
#9ba498 rgb(155,164,152)
```
#989ba4
```
#989ba4 rgb(152,155,164)
```
#a4989b
```
#a4989b rgb(164,152,155)
```

Triadic Color

#98a4a1
```
#98a4a1 rgb(152,164,161)
```
#989ba4
```
#989ba4 rgb(152,155,164)
```
#a4989b
```
#a4989b rgb(164,152,155)
```
#a4a198
```
#a4a198 rgb(164,161,152)
```

Tetradic Color

#70747f
```
#70747f rgb(112,116,127)
```
#7d818c
```
#7d818c rgb(125,129,140)
```
#8a8e98
```
#8a8e98 rgb(138,142,152)
```
#989ba4
```
#989ba4 rgb(152,155,164)
```
#a6a8b0
```
#a6a8b0 rgb(166,168,176)
```
#b3b5bc
```
#b3b5bc rgb(179,181,188)
```
#c1c2c8
```
#c1c2c8 rgb(193,194,200)
```

Monochromatic Color

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

#989ea4
```
#989ea4 rgb(152,158,164)
```
#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)
```

Similar Colors

Text with hexadecimal color #989ba4

This text has a font color of #989ba4.

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

#989ba4 background color

This paragraph has a background color of #989ba4.

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

#989ba4 border color

This element has a border color of #989ba4.

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

CSS codes

.text {color:#989ba4;}

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

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

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)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#131416
```
#131416 rgb(19,20,22)
```
#1d1e20
```
#1d1e20 rgb(29,30,32)
```
#26272b
```
#26272b rgb(38,39,43)
```
#2f3135
```
#2f3135 rgb(47,49,53)
```
#383a40
```
#383a40 rgb(56,58,64)
```
#41444a
```
#41444a rgb(65,68,74)
```
#4b4d54
```
#4b4d54 rgb(75,77,84)
```
#54575f
```
#54575f rgb(84,87,95)
```
#5d6069
```
#5d6069 rgb(93,96,105)
```
#666a74
```
#666a74 rgb(102,106,116)
```
#6f737e
```
#6f737e rgb(111,115,126)
```

Shade Color Variation

#797d88
```
#797d88 rgb(121,125,136)
```
#838792
```
#838792 rgb(131,135,146)
```
#8e919b
```
#8e919b rgb(142,145,155)
```
#989ba4
```
#989ba4 rgb(152,155,164)
```
#a2a5ad
```
#a2a5ad rgb(162,165,173)
```
#adafb6
```
#adafb6 rgb(173,175,182)
```
#b7b9c0
```
#b7b9c0 rgb(183,185,192)
```
#c2c3c9
```
#c2c3c9 rgb(194,195,201)
```
#ccced2
```
#ccced2 rgb(204,206,210)
```
#d6d8db
```
#d6d8db rgb(214,216,219)
```
#e1e2e4
```
#e1e2e4 rgb(225,226,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, #989ba4 is the less saturated color, while #3e6efe is the most saturated one.

#989ba4
```
#989ba4 rgb(152,155,164)
```
#9197ab
```
#9197ab rgb(145,151,171)
```
#8994b3
```
#8994b3 rgb(137,148,179)
```
#8290ba
```
#8290ba rgb(130,144,186)
```
#7a8cc2
```
#7a8cc2 rgb(122,140,194)
```
#7388c9
```
#7388c9 rgb(115,136,201)
```
#6b85d1
```
#6b85d1 rgb(107,133,209)
```
#6481d8
```
#6481d8 rgb(100,129,216)
```
#5c7de0
```
#5c7de0 rgb(92,125,224)
```
#5579e7
```
#5579e7 rgb(85,121,231)
```
#4d76ef
```
#4d76ef rgb(77,118,239)
```
#4672f6
```
#4672f6 rgb(70,114,246)
```
#3e6efe
```
#3e6efe rgb(62,110,254)
```

Tone Color Variation

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

#a09fa8 Protanopia 1% of men
#aa9baa Deuteranopia 1% of men
#9d9fab Tritanopia 0.001% of the population

Trichromacy

#9d9da6 Protanomaly 1% of men, 0.01% of women
#a39ba7 Deuteranomaly 6% of men, 0.4% of women
#9b9ea8 Tritanomaly 0.01% of the population

#989ba4 hex color

#989ba4 Color Information

#989ba4 Color Conversion

Color Schemes with #989ba4

Alternatives to #989ba4

#989ba4 Preview

Shades and Tints of #989ba4

Tones of #989ba4

Color Blindness Simulator