#976baf hex color

In a RGB color space, hex #976baf is composed of 59.2% red, 42% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 38.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 278.8 degrees, a saturation of 29.8% and a lightness of 55.3%. #976baf color hex could be obtained by blending #ffd6ff with #2f005f. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 59
- G 42
- B 69
RGB color chart
- C 14
- M 39
- Y 0
- K 31
CMYK color chart

● #976baf color description : Mostly desaturated dark violet.

The hexadecimal color #976baf has RGB values of R:151, G:107, B:175 and CMYK values of C:0.14, M:0.39, Y:0, K:0.31. Its decimal value is 9923503.

Hex triplet	976baf	`#976baf`
RGB Decimal	151, 107, 175	`rgb(151,107,175)`
RGB Percent	59.2, 42, 68.6	`rgb(59.2%,42%,68.6%)`
CMYK	14, 39, 0, 31
HSL	278.8°, 29.8, 55.3	`hsl(278.8,29.8%,55.3%)`
HSV (or HSB)	278.8°, 38.9, 68.6
Web Safe	996699	`#996699`

CIE-LAB	52.052, 30.234, -29.513
XYZ	25.757, 20.19, 43.095
xyY	0.289, 0.227, 20.19
CIE-LCH	52.052, 42.25, 315.692
CIE-LUV	52.052, 18.38, -48.378
Hunter-Lab	44.934, 23.686, -25.411
Binary	10010111, 01101011, 10101111

#976baf
```
#976baf rgb(151,107,175)
```
#83af6b
```
#83af6b rgb(131,175,107)
```

Complementary Color

#756baf
```
#756baf rgb(117,107,175)
```
#976baf
```
#976baf rgb(151,107,175)
```
#af6ba5
```
#af6ba5 rgb(175,107,165)
```

Analogous Color

#6baf75
```
#6baf75 rgb(107,175,117)
```
#976baf
```
#976baf rgb(151,107,175)
```
#a5af6b
```
#a5af6b rgb(165,175,107)
```

Split Complementary Color

#6baf97
```
#6baf97 rgb(107,175,151)
```
#976baf
```
#976baf rgb(151,107,175)
```
#af976b
```
#af976b rgb(175,151,107)
```

Triadic Color

#6b83af
```
#6b83af rgb(107,131,175)
```
#976baf
```
#976baf rgb(151,107,175)
```
#af976b
```
#af976b rgb(175,151,107)
```
#83af6b
```
#83af6b rgb(131,175,107)
```

Tetradic Color

#704885
```
#704885 rgb(112,72,133)
```
#7e5196
```
#7e5196 rgb(126,81,150)
```
#8b5aa6
```
#8b5aa6 rgb(139,90,166)
```
#976baf
```
#976baf rgb(151,107,175)
```
#a37cb8
```
#a37cb8 rgb(163,124,184)
```
#ae8cc1
```
#ae8cc1 rgb(174,140,193)
```
#ba9dca
```
#ba9dca rgb(186,157,202)
```

Monochromatic Color

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

#866baf
```
#866baf rgb(134,107,175)
```
#8c6baf
```
#8c6baf rgb(140,107,175)
```
#916baf
```
#916baf rgb(145,107,175)
```
#976baf
```
#976baf rgb(151,107,175)
```
#9d6baf
```
#9d6baf rgb(157,107,175)
```
#a26baf
```
#a26baf rgb(162,107,175)
```
#a86baf
```
#a86baf rgb(168,107,175)
```

Similar Colors

Text with hexadecimal color #976baf

This text has a font color of #976baf.

<span style="color:#976baf;">Text here</span>

#976baf background color

This paragraph has a background color of #976baf.

<p style="background-color:#976baf;">Content here</p>

#976baf border color

This element has a border color of #976baf.

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

CSS codes

.text {color:#976baf;}

.background {background-color:#976baf;}

.border {border:1px solid #976baf;}

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

#040305
```
#040305 rgb(4,3,5)
```
#0f0912
```
#0f0912 rgb(15,9,18)
```
#19101e
```
#19101e rgb(25,16,30)
```
#24172b
```
#24172b rgb(36,23,43)
```
#2f1e38
```
#2f1e38 rgb(47,30,56)
```
#392544
```
#392544 rgb(57,37,68)
```
#442c51
```
#442c51 rgb(68,44,81)
```
#4f335e
```
#4f335e rgb(79,51,94)
```
#593a6b
```
#593a6b rgb(89,58,107)
```
#644177
```
#644177 rgb(100,65,119)
```
#6f4784
```
#6f4784 rgb(111,71,132)
```
#794e91
```
#794e91 rgb(121,78,145)
```
#84559e
```
#84559e rgb(132,85,158)
```

Shade Color Variation

#8e5ea8
```
#8e5ea8 rgb(142,94,168)
```
#976baf
```
#976baf rgb(151,107,175)
```
#a078b6
```
#a078b6 rgb(160,120,182)
```
#a984bd
```
#a984bd rgb(169,132,189)
```
#b291c4
```
#b291c4 rgb(178,145,196)
```
#bb9ecb
```
#bb9ecb rgb(187,158,203)
```
#c4abd1
```
#c4abd1 rgb(196,171,209)
```
#cdb7d8
```
#cdb7d8 rgb(205,183,216)
```
#d6c4df
```
#d6c4df rgb(214,196,223)
```
#dfd1e6
```
#dfd1e6 rgb(223,209,230)
```
#e8deed
```
#e8deed rgb(232,222,237)
```
#f0eaf4
```
#f0eaf4 rgb(240,234,244)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#8f8595
```
#8f8595 rgb(143,133,149)
```
#927d9d
```
#927d9d rgb(146,125,157)
```
#9474a6
```
#9474a6 rgb(148,116,166)
```
#976baf
```
#976baf rgb(151,107,175)
```
#9a62b8
```
#9a62b8 rgb(154,98,184)
```
#9c59c1
```
#9c59c1 rgb(156,89,193)
```
#9f51c9
```
#9f51c9 rgb(159,81,201)
```
#a148d2
```
#a148d2 rgb(161,72,210)
```
#a43fdb
```
#a43fdb rgb(164,63,219)
```
#a636e4
```
#a636e4 rgb(166,54,228)
```
#a92eec
```
#a92eec rgb(169,46,236)
```
#ac25f5
```
#ac25f5 rgb(172,37,245)
```
#ae1cfe
```
#ae1cfe rgb(174,28,254)
```

Tone Color Variation

Below, you can see how #976baf 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

#808080 Achromatopsia 0.005% of the population
#857c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c80bd Protanopia 1% of men
#7481ae Deuteranopia 1% of men
#947c85 Tritanopia 0.001% of the population

Trichromacy

#7b78b8 Protanomaly 1% of men, 0.01% of women
#8179ae Deuteranomaly 6% of men, 0.4% of women
#957694 Tritanomaly 0.01% of the population

#976baf hex color

#976baf Color Information

#976baf Color Conversion

Color Schemes with #976baf

Alternatives to #976baf

#976baf Preview

Shades and Tints of #976baf

Tones of #976baf

Color Blindness Simulator