#979fb4 hex color

In a RGB color space, hex #979fb4 is composed of 59.2% red, 62.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 11.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 223.4 degrees, a saturation of 16.2% and a lightness of 64.9%. #979fb4 color hex could be obtained by blending #ffffff with #2f3f69. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 62
- B 71
RGB color chart
- C 16
- M 12
- Y 0
- K 29
CMYK color chart

● #979fb4 color description : Grayish blue.

The hexadecimal color #979fb4 has RGB values of R:151, G:159, B:180 and CMYK values of C:0.16, M:0.12, Y:0, K:0.29. Its decimal value is 9936820.

Hex triplet	979fb4	`#979fb4`
RGB Decimal	151, 159, 180	`rgb(151,159,180)`
RGB Percent	59.2, 62.4, 70.6	`rgb(59.2%,62.4%,70.6%)`
CMYK	16, 12, 0, 29
HSL	223.4°, 16.2, 64.9	`hsl(223.4,16.2%,64.9%)`
HSV (or HSB)	223.4°, 16.1, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.491, 1.57, -11.829
XYZ	33.397, 34.67, 48.11
xyY	0.287, 0.298, 34.67
CIE-LCH	65.491, 11.933, 277.562
CIE-LUV	65.491, -5.443, -18.013
Hunter-Lab	58.882, -1.799, -7.227
Binary	10010111, 10011111, 10110100

#979fb4
```
#979fb4 rgb(151,159,180)
```
#b4ac97
```
#b4ac97 rgb(180,172,151)
```

Complementary Color

#97aeb4
```
#97aeb4 rgb(151,174,180)
```
#979fb4
```
#979fb4 rgb(151,159,180)
```
#9e97b4
```
#9e97b4 rgb(158,151,180)
```

Analogous Color

#aeb497
```
#aeb497 rgb(174,180,151)
```
#979fb4
```
#979fb4 rgb(151,159,180)
```
#b49e97
```
#b49e97 rgb(180,158,151)
```

Split Complementary Color

#9fb497
```
#9fb497 rgb(159,180,151)
```
#979fb4
```
#979fb4 rgb(151,159,180)
```
#b4979f
```
#b4979f rgb(180,151,159)
```

Triadic Color

#97b4ac
```
#97b4ac rgb(151,180,172)
```
#979fb4
```
#979fb4 rgb(151,159,180)
```
#b4979f
```
#b4979f rgb(180,151,159)
```
#b4ac97
```
#b4ac97 rgb(180,172,151)
```

Tetradic Color

#6b7694
```
#6b7694 rgb(107,118,148)
```
#79849f
```
#79849f rgb(121,132,159)
```
#8891a9
```
#8891a9 rgb(136,145,169)
```
#979fb4
```
#979fb4 rgb(151,159,180)
```
#a6adbf
```
#a6adbf rgb(166,173,191)
```
#b5bac9
```
#b5bac9 rgb(181,186,201)
```
#c3c8d4
```
#c3c8d4 rgb(195,200,212)
```

Monochromatic Color

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

#97a6b4
```
#97a6b4 rgb(151,166,180)
```
#97a4b4
```
#97a4b4 rgb(151,164,180)
```
#97a1b4
```
#97a1b4 rgb(151,161,180)
```
#979fb4
```
#979fb4 rgb(151,159,180)
```
#979db4
```
#979db4 rgb(151,157,180)
```
#979ab4
```
#979ab4 rgb(151,154,180)
```
#9798b4
```
#9798b4 rgb(151,152,180)
```

Similar Colors

Text with hexadecimal color #979fb4

This text has a font color of #979fb4.

<span style="color:#979fb4;">Text here</span>

#979fb4 background color

This paragraph has a background color of #979fb4.

<p style="background-color:#979fb4;">Content here</p>

#979fb4 border color

This element has a border color of #979fb4.

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

CSS codes

.text {color:#979fb4;}

.background {background-color:#979fb4;}

.border {border:1px solid #979fb4;}

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, #07080a is the darkest color, while #fefefe is the lightest one.

#07080a
```
#07080a rgb(7,8,10)
```
#0f1115
```
#0f1115 rgb(15,17,21)
```
#181a21
```
#181a21 rgb(24,26,33)
```
#20232c
```
#20232c rgb(32,35,44)
```
#282c38
```
#282c38 rgb(40,44,56)
```
#303543
```
#303543 rgb(48,53,67)
```
#383f4e
```
#383f4e rgb(56,63,78)
```
#41485a
```
#41485a rgb(65,72,90)
```
#495165
```
#495165 rgb(73,81,101)
```
#515a71
```
#515a71 rgb(81,90,113)
```
#59637c
```
#59637c rgb(89,99,124)
```
#626c87
```
#626c87 rgb(98,108,135)
```
#6a7593
```
#6a7593 rgb(106,117,147)
```

Shade Color Variation

#757f9b
```
#757f9b rgb(117,127,155)
```
#808aa4
```
#808aa4 rgb(128,138,164)
```
#8c94ac
```
#8c94ac rgb(140,148,172)
```
#979fb4
```
#979fb4 rgb(151,159,180)
```
#a2aabc
```
#a2aabc rgb(162,170,188)
```
#aeb4c4
```
#aeb4c4 rgb(174,180,196)
```
#b9bfcd
```
#b9bfcd rgb(185,191,205)
```
#c5c9d5
```
#c5c9d5 rgb(197,201,213)
```
#d0d4dd
```
#d0d4dd rgb(208,212,221)
```
#dbdee5
```
#dbdee5 rgb(219,222,229)
```
#e7e9ee
```
#e7e9ee rgb(231,233,238)
```
#f2f3f6
```
#f2f3f6 rgb(242,243,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a5a5a6
```
#a5a5a6 rgb(165,165,166)
```
#9ea2ad
```
#9ea2ad rgb(158,162,173)
```
#979fb4
```
#979fb4 rgb(151,159,180)
```
#909cbb
```
#909cbb rgb(144,156,187)
```
#8999c2
```
#8999c2 rgb(137,153,194)
```
#8296c9
```
#8296c9 rgb(130,150,201)
```
#7b93d0
```
#7b93d0 rgb(123,147,208)
```
#7590d6
```
#7590d6 rgb(117,144,214)
```
#6e8cdd
```
#6e8cdd rgb(110,140,221)
```
#6789e4
```
#6789e4 rgb(103,137,228)
```
#6086eb
```
#6086eb rgb(96,134,235)
```
#5983f2
```
#5983f2 rgb(89,131,242)
```
#5280f9
```
#5280f9 rgb(82,128,249)
```

Tone Color Variation

Below, you can see how #979fb4 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

#9f9f9f Achromatopsia 0.005% of the population
#9d9fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a2b7 Protanopia 1% of men
#a8a0b9 Deuteranopia 1% of men
#9aa5b1 Tritanopia 0.001% of the population

Trichromacy

#9da1b6 Protanomaly 1% of men, 0.01% of women
#a29fb7 Deuteranomaly 6% of men, 0.4% of women
#99a2b2 Tritanomaly 0.01% of the population

#979fb4 hex color

#979fb4 Color Information

#979fb4 Color Conversion

Color Schemes with #979fb4

Alternatives to #979fb4

#979fb4 Preview

Shades and Tints of #979fb4

Tones of #979fb4

Color Blindness Simulator