#989ba3 hex color

In a RGB color space, hex #989ba3 is composed of 59.6% red, 60.8% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 6.7% cyan, 4.9% magenta, 0% yellow and 36.1% black. It has a hue angle of 223.6 degrees, a saturation of 5.6% and a lightness of 61.8%. #989ba3 color hex could be obtained by blending #ffffff with #313747. 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

● #989ba3 color description : Dark grayish blue.

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

Hex triplet	989ba3	`#989ba3`
RGB Decimal	152, 155, 163	`rgb(152,155,163)`
RGB Percent	59.6, 60.8, 63.9	`rgb(59.6%,60.8%,63.9%)`
CMYK	7, 5, 0, 36
HSL	223.6°, 5.6, 61.8	`hsl(223.6,5.6%,61.8%)`
HSV (or HSB)	223.6°, 6.7, 63.9
Web Safe	999999	`#999999`

CIE-LAB	63.968, 0.517, -4.553
XYZ	31.28, 32.762, 39.324
xyY	0.303, 0.317, 32.762
CIE-LCH	63.968, 4.582, 276.476
CIE-LUV	63.968, -2.121, -6.744
Hunter-Lab	57.238, -2.62, -0.667
Binary	10011000, 10011011, 10100011

#989ba3
```
#989ba3 rgb(152,155,163)
```
#a3a098
```
#a3a098 rgb(163,160,152)
```

Complementary Color

#98a1a3
```
#98a1a3 rgb(152,161,163)
```
#989ba3
```
#989ba3 rgb(152,155,163)
```
#9b98a3
```
#9b98a3 rgb(155,152,163)
```

Analogous Color

#a1a398
```
#a1a398 rgb(161,163,152)
```
#989ba3
```
#989ba3 rgb(152,155,163)
```
#a39b98
```
#a39b98 rgb(163,155,152)
```

Split Complementary Color

#9ba398
```
#9ba398 rgb(155,163,152)
```
#989ba3
```
#989ba3 rgb(152,155,163)
```
#a3989b
```
#a3989b rgb(163,152,155)
```

Triadic Color

#98a3a0
```
#98a3a0 rgb(152,163,160)
```
#989ba3
```
#989ba3 rgb(152,155,163)
```
#a3989b
```
#a3989b rgb(163,152,155)
```
#a3a098
```
#a3a098 rgb(163,160,152)
```

Tetradic Color

#71747e
```
#71747e rgb(113,116,126)
```
#7d818b
```
#7d818b rgb(125,129,139)
```
#8b8e97
```
#8b8e97 rgb(139,142,151)
```
#989ba3
```
#989ba3 rgb(152,155,163)
```
#a5a8af
```
#a5a8af rgb(165,168,175)
```
#b3b5bb
```
#b3b5bb rgb(179,181,187)
```
#c0c2c7
```
#c0c2c7 rgb(192,194,199)
```

Monochromatic Color

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

#989ea3
```
#989ea3 rgb(152,158,163)
```
#989da3
```
#989da3 rgb(152,157,163)
```
#989ca3
```
#989ca3 rgb(152,156,163)
```
#989ba3
```
#989ba3 rgb(152,155,163)
```
#989aa3
```
#989aa3 rgb(152,154,163)
```
#9899a3
```
#9899a3 rgb(152,153,163)
```
#9898a3
```
#9898a3 rgb(152,152,163)
```

Similar Colors

Text with hexadecimal color #989ba3

This text has a font color of #989ba3.

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

#989ba3 background color

This paragraph has a background color of #989ba3.

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

#989ba3 border color

This element has a border color of #989ba3.

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

CSS codes

.text {color:#989ba3;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0b
```
#0a0a0b rgb(10,10,11)
```
#131415
```
#131415 rgb(19,20,21)
```
#1c1d20
```
#1c1d20 rgb(28,29,32)
```
#26272a
```
#26272a rgb(38,39,42)
```
#2f3034
```
#2f3034 rgb(47,48,52)
```
#383a3f
```
#383a3f rgb(56,58,63)
```
#414349
```
#414349 rgb(65,67,73)
```
#4b4d53
```
#4b4d53 rgb(75,77,83)
```
#54575e
```
#54575e rgb(84,87,94)
```
#5d6068
```
#5d6068 rgb(93,96,104)
```
#666a73
```
#666a73 rgb(102,106,115)
```
#70737d
```
#70737d rgb(112,115,125)
```

Shade Color Variation

#797d87
```
#797d87 rgb(121,125,135)
```
#838790
```
#838790 rgb(131,135,144)
```
#8e919a
```
#8e919a rgb(142,145,154)
```
#989ba3
```
#989ba3 rgb(152,155,163)
```
#a2a5ac
```
#a2a5ac rgb(162,165,172)
```
#adafb6
```
#adafb6 rgb(173,175,182)
```
#b7b9bf
```
#b7b9bf rgb(183,185,191)
```
#c1c3c8
```
#c1c3c8 rgb(193,195,200)
```
#cccdd1
```
#cccdd1 rgb(204,205,209)
```
#d6d7db
```
#d6d7db rgb(214,215,219)
```
#e1e1e4
```
#e1e1e4 rgb(225,225,228)
```
#ebebed
```
#ebebed rgb(235,235,237)
```
#f5f6f6
```
#f5f6f6 rgb(245,246,246)
```

Tint Color Variation

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

#989ba3
```
#989ba3 rgb(152,155,163)
```
#9198ab
```
#9198ab rgb(145,152,171)
```
#8994b2
```
#8994b2 rgb(137,148,178)
```
#8291ba
```
#8291ba rgb(130,145,186)
```
#7a8dc1
```
#7a8dc1 rgb(122,141,193)
```
#738ac9
```
#738ac9 rgb(115,138,201)
```
#6b87d0
```
#6b87d0 rgb(107,135,208)
```
#6483d8
```
#6483d8 rgb(100,131,216)
```
#5c80df
```
#5c80df rgb(92,128,223)
```
#557ce7
```
#557ce7 rgb(85,124,231)
```
#4d79ee
```
#4d79ee rgb(77,121,238)
```
#4676f6
```
#4676f6 rgb(70,118,246)
```
#3e72fd
```
#3e72fd rgb(62,114,253)
```

Tone Color Variation

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

#a09fa7 Protanopia 1% of men
#aa9ba9 Deuteranopia 1% of men
#9e9fab Tritanopia 0.001% of the population

Trichromacy

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

#989ba3 hex color

#989ba3 Color Information

#989ba3 Color Conversion

Color Schemes with #989ba3

Alternatives to #989ba3

#989ba3 Preview

Shades and Tints of #989ba3

Tones of #989ba3

Color Blindness Simulator