#989ca4 hex color

In a RGB color space, hex #989ca4 is composed of 59.6% red, 61.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 4.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 220 degrees, a saturation of 6.2% and a lightness of 62%. #989ca4 color hex could be obtained by blending #ffffff with #313949. 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

● #989ca4 color description : Dark grayish blue.

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

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

CIE-LAB	64.268, 0.166, -4.672
XYZ	31.537, 33.132, 39.854
xyY	0.302, 0.317, 33.132
CIE-LCH	64.268, 4.675, 272.041
CIE-LUV	64.268, -2.668, -6.87
Hunter-Lab	57.561, -2.933, -0.758
Binary	10011000, 10011100, 10100100

#989ca4
```
#989ca4 rgb(152,156,164)
```
#a4a098
```
#a4a098 rgb(164,160,152)
```

Complementary Color

#98a2a4
```
#98a2a4 rgb(152,162,164)
```
#989ca4
```
#989ca4 rgb(152,156,164)
```
#9a98a4
```
#9a98a4 rgb(154,152,164)
```

Analogous Color

#a2a498
```
#a2a498 rgb(162,164,152)
```
#989ca4
```
#989ca4 rgb(152,156,164)
```
#a49a98
```
#a49a98 rgb(164,154,152)
```

Split Complementary Color

#9ca498
```
#9ca498 rgb(156,164,152)
```
#989ca4
```
#989ca4 rgb(152,156,164)
```
#a4989c
```
#a4989c rgb(164,152,156)
```

Triadic Color

#98a4a0
```
#98a4a0 rgb(152,164,160)
```
#989ca4
```
#989ca4 rgb(152,156,164)
```
#a4989c
```
#a4989c rgb(164,152,156)
```
#a4a098
```
#a4a098 rgb(164,160,152)
```

Tetradic Color

#70757f
```
#70757f rgb(112,117,127)
```
#7d828c
```
#7d828c rgb(125,130,140)
```
#8a8f98
```
#8a8f98 rgb(138,143,152)
```
#989ca4
```
#989ca4 rgb(152,156,164)
```
#a6a9b0
```
#a6a9b0 rgb(166,169,176)
```
#b3b6bc
```
#b3b6bc rgb(179,182,188)
```
#c1c3c8
```
#c1c3c8 rgb(193,195,200)
```

Monochromatic Color

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

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

Similar Colors

Text with hexadecimal color #989ca4

This text has a font color of #989ca4.

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

#989ca4 background color

This paragraph has a background color of #989ca4.

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

#989ca4 border color

This element has a border color of #989ca4.

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

CSS codes

.text {color:#989ca4;}

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

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

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)
```
#383b40
```
#383b40 rgb(56,59,64)
```
#41444a
```
#41444a rgb(65,68,74)
```
#4b4e54
```
#4b4e54 rgb(75,78,84)
```
#54585f
```
#54585f rgb(84,88,95)
```
#5d6169
```
#5d6169 rgb(93,97,105)
```
#666b74
```
#666b74 rgb(102,107,116)
```
#6f747e
```
#6f747e rgb(111,116,126)
```

Shade Color Variation

#797e88
```
#797e88 rgb(121,126,136)
```
#838892
```
#838892 rgb(131,136,146)
```
#8e929b
```
#8e929b rgb(142,146,155)
```
#989ca4
```
#989ca4 rgb(152,156,164)
```
#a2a6ad
```
#a2a6ad rgb(162,166,173)
```
#adb0b6
```
#adb0b6 rgb(173,176,182)
```
#b7bac0
```
#b7bac0 rgb(183,186,192)
```
#c2c4c9
```
#c2c4c9 rgb(194,196,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, #989ca4 is the less saturated color, while #3e7efe is the most saturated one.

#989ca4
```
#989ca4 rgb(152,156,164)
```
#919aab
```
#919aab rgb(145,154,171)
```
#8997b3
```
#8997b3 rgb(137,151,179)
```
#8295ba
```
#8295ba rgb(130,149,186)
```
#7a92c2
```
#7a92c2 rgb(122,146,194)
```
#7390c9
```
#7390c9 rgb(115,144,201)
```
#6b8dd1
```
#6b8dd1 rgb(107,141,209)
```
#648bd8
```
#648bd8 rgb(100,139,216)
```
#5c88e0
```
#5c88e0 rgb(92,136,224)
```
#5586e7
```
#5586e7 rgb(85,134,231)
```
#4d83ef
```
#4d83ef rgb(77,131,239)
```
#4681f6
```
#4681f6 rgb(70,129,246)
```
#3e7efe
```
#3e7efe rgb(62,126,254)
```

Tone Color Variation

Below, you can see how #989ca4 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
#9b9c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a0a8 Protanopia 1% of men
#ab9caa Deuteranopia 1% of men
#9ea0ac Tritanopia 0.001% of the population

Trichromacy

#9d9ea6 Protanomaly 1% of men, 0.01% of women
#a49ca7 Deuteranomaly 6% of men, 0.4% of women
#9b9ea9 Tritanomaly 0.01% of the population

#989ca4 hex color

#989ca4 Color Information

#989ca4 Color Conversion

Color Schemes with #989ca4

Alternatives to #989ca4

#989ca4 Preview

Shades and Tints of #989ca4

Tones of #989ca4

Color Blindness Simulator