#989ba9 hex color

In a RGB color space, hex #989ba9 is composed of 59.6% red, 60.8% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 10.1% cyan, 8.3% magenta, 0% yellow and 33.7% black. It has a hue angle of 229.4 degrees, a saturation of 9% and a lightness of 62.9%. #989ba9 color hex could be obtained by blending #ffffff with #313753. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 60
- G 61
- B 66
RGB color chart
- C 10
- M 8
- Y 0
- K 34
CMYK color chart

● #989ba9 color description : Dark grayish blue.

The hexadecimal color #989ba9 has RGB values of R:152, G:155, B:169 and CMYK values of C:0.1, M:0.08, Y:0, K:0.34. Its decimal value is 10001321.

Hex triplet	989ba9	`#989ba9`
RGB Decimal	152, 155, 169	`rgb(152,155,169)`
RGB Percent	59.6, 60.8, 66.3	`rgb(59.6%,60.8%,66.3%)`
CMYK	10, 8, 0, 34
HSL	229.4°, 9, 62.9	`hsl(229.4,9%,62.9%)`
HSV (or HSB)	229.4°, 10.1, 66.3
Web Safe	999999	`#999999`

CIE-LAB	64.147, 1.76, -7.662
XYZ	31.83, 32.982, 42.223
xyY	0.297, 0.308, 32.982
CIE-LCH	64.147, 7.861, 282.934
CIE-LUV	64.147, -2.445, -11.607
Hunter-Lab	57.43, -1.571, -3.389
Binary	10011000, 10011011, 10101001

#989ba9
```
#989ba9 rgb(152,155,169)
```
#a9a698
```
#a9a698 rgb(169,166,152)
```

Complementary Color

#98a4a9
```
#98a4a9 rgb(152,164,169)
```
#989ba9
```
#989ba9 rgb(152,155,169)
```
#9e98a9
```
#9e98a9 rgb(158,152,169)
```

Analogous Color

#a4a998
```
#a4a998 rgb(164,169,152)
```
#989ba9
```
#989ba9 rgb(152,155,169)
```
#a99e98
```
#a99e98 rgb(169,158,152)
```

Split Complementary Color

#9ba998
```
#9ba998 rgb(155,169,152)
```
#989ba9
```
#989ba9 rgb(152,155,169)
```
#a9989b
```
#a9989b rgb(169,152,155)
```

Triadic Color

#98a9a6
```
#98a9a6 rgb(152,169,166)
```
#989ba9
```
#989ba9 rgb(152,155,169)
```
#a9989b
```
#a9989b rgb(169,152,155)
```
#a9a698
```
#a9a698 rgb(169,166,152)
```

Tetradic Color

#6f7385
```
#6f7385 rgb(111,115,133)
```
#7c8092
```
#7c8092 rgb(124,128,146)
```
#8a8e9d
```
#8a8e9d rgb(138,142,157)
```
#989ba9
```
#989ba9 rgb(152,155,169)
```
#a6a8b5
```
#a6a8b5 rgb(166,168,181)
```
#b4b6c0
```
#b4b6c0 rgb(180,182,192)
```
#c2c3cc
```
#c2c3cc rgb(194,195,204)
```

Monochromatic Color

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

#989fa9
```
#989fa9 rgb(152,159,169)
```
#989ea9
```
#989ea9 rgb(152,158,169)
```
#989ca9
```
#989ca9 rgb(152,156,169)
```
#989ba9
```
#989ba9 rgb(152,155,169)
```
#989aa9
```
#989aa9 rgb(152,154,169)
```
#9898a9
```
#9898a9 rgb(152,152,169)
```
#9998a9
```
#9998a9 rgb(153,152,169)
```

Similar Colors

Text with hexadecimal color #989ba9

This text has a font color of #989ba9.

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

#989ba9 background color

This paragraph has a background color of #989ba9.

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

#989ba9 border color

This element has a border color of #989ba9.

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

CSS codes

.text {color:#989ba9;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0c0d0f
```
#0c0d0f rgb(12,13,15)
```
#151619
```
#151619 rgb(21,22,25)
```
#1e1f24
```
#1e1f24 rgb(30,31,36)
```
#27282f
```
#27282f rgb(39,40,47)
```
#303239
```
#303239 rgb(48,50,57)
```
#393b44
```
#393b44 rgb(57,59,68)
```
#42444f
```
#42444f rgb(66,68,79)
```
#4b4d59
```
#4b4d59 rgb(75,77,89)
```
#545764
```
#545764 rgb(84,87,100)
```
#5d606f
```
#5d606f rgb(93,96,111)
```
#656979
```
#656979 rgb(101,105,121)
```
#6e7284
```
#6e7284 rgb(110,114,132)
```

Shade Color Variation

#787c8e
```
#787c8e rgb(120,124,142)
```
#838697
```
#838697 rgb(131,134,151)
```
#8d91a0
```
#8d91a0 rgb(141,145,160)
```
#989ba9
```
#989ba9 rgb(152,155,169)
```
#a3a5b2
```
#a3a5b2 rgb(163,165,178)
```
#adb0bb
```
#adb0bb rgb(173,176,187)
```
#b8bac4
```
#b8bac4 rgb(184,186,196)
```
#c3c5cd
```
#c3c5cd rgb(195,197,205)
```
#cdcfd6
```
#cdcfd6 rgb(205,207,214)
```
#d8d9df
```
#d8d9df rgb(216,217,223)
```
#e3e4e7
```
#e3e4e7 rgb(227,228,231)
```
#eeeef0
```
#eeeef0 rgb(238,238,240)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa0a2 is the less saturated color, while #4867f9 is the most saturated one.

#9fa0a2
```
#9fa0a2 rgb(159,160,162)
```
#989ba9
```
#989ba9 rgb(152,155,169)
```
#9196b0
```
#9196b0 rgb(145,150,176)
```
#8992b8
```
#8992b8 rgb(137,146,184)
```
#828dbf
```
#828dbf rgb(130,141,191)
```
#7b88c6
```
#7b88c6 rgb(123,136,198)
```
#7483cd
```
#7483cd rgb(116,131,205)
```
#6c7fd5
```
#6c7fd5 rgb(108,127,213)
```
#657adc
```
#657adc rgb(101,122,220)
```
#5e75e3
```
#5e75e3 rgb(94,117,227)
```
#5771ea
```
#5771ea rgb(87,113,234)
```
#4f6cf2
```
#4f6cf2 rgb(79,108,242)
```
#4867f9
```
#4867f9 rgb(72,103,249)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#9b9c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9fad Protanopia 1% of men
#a89cae Deuteranopia 1% of men
#9da0ab Tritanopia 0.001% of the population

Trichromacy

#9c9dab Protanomaly 1% of men, 0.01% of women
#a29bac Deuteranomaly 6% of men, 0.4% of women
#9b9eaa Tritanomaly 0.01% of the population

#989ba9 hex color

#989ba9 Color Information

#989ba9 Color Conversion

Color Schemes with #989ba9

Alternatives to #989ba9

#989ba9 Preview

Shades and Tints of #989ba9

Tones of #989ba9

Color Blindness Simulator