#976fa5 hex color

In a RGB color space, hex #976fa5 is composed of 59.2% red, 43.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 32.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 284.4 degrees, a saturation of 23.1% and a lightness of 54.1%. #976fa5 color hex could be obtained by blending #ffdeff with #2f004b. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 59
- G 44
- B 65
RGB color chart
- C 8
- M 33
- Y 0
- K 35
CMYK color chart

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

The hexadecimal color #976fa5 has RGB values of R:151, G:111, B:165 and CMYK values of C:0.08, M:0.33, Y:0, K:0.35. Its decimal value is 9924517.

Hex triplet	976fa5	`#976fa5`
RGB Decimal	151, 111, 165	`rgb(151,111,165)`
RGB Percent	59.2, 43.5, 64.7	`rgb(59.2%,43.5%,64.7%)`
CMYK	8, 33, 0, 35
HSL	284.4°, 23.1, 54.1	`hsl(284.4,23.1%,54.1%)`
HSV (or HSB)	284.4°, 32.7, 64.7
Web Safe	996699	`#996699`

CIE-LAB	52.581, 25.762, -22.882
XYZ	25.238, 20.665, 38.255
xyY	0.3, 0.246, 20.665
CIE-LCH	52.581, 34.456, 318.388
CIE-LUV	52.581, 18.116, -37.604
Hunter-Lab	45.459, 19.544, -18.072
Binary	10010111, 01101111, 10100101

#976fa5
```
#976fa5 rgb(151,111,165)
```
#7da56f
```
#7da56f rgb(125,165,111)
```

Complementary Color

#7c6fa5
```
#7c6fa5 rgb(124,111,165)
```
#976fa5
```
#976fa5 rgb(151,111,165)
```
#a56f98
```
#a56f98 rgb(165,111,152)
```

Analogous Color

#6fa57c
```
#6fa57c rgb(111,165,124)
```
#976fa5
```
#976fa5 rgb(151,111,165)
```
#98a56f
```
#98a56f rgb(152,165,111)
```

Split Complementary Color

#6fa597
```
#6fa597 rgb(111,165,151)
```
#976fa5
```
#976fa5 rgb(151,111,165)
```
#a5976f
```
#a5976f rgb(165,151,111)
```

Triadic Color

#6f7da5
```
#6f7da5 rgb(111,125,165)
```
#976fa5
```
#976fa5 rgb(151,111,165)
```
#a5976f
```
#a5976f rgb(165,151,111)
```
#7da56f
```
#7da56f rgb(125,165,111)
```

Tetradic Color

#6f4d7b
```
#6f4d7b rgb(111,77,123)
```
#7d578a
```
#7d578a rgb(125,87,138)
```
#8b609a
```
#8b609a rgb(139,96,154)
```
#976fa5
```
#976fa5 rgb(151,111,165)
```
#a27faf
```
#a27faf rgb(162,127,175)
```
#ae8eb9
```
#ae8eb9 rgb(174,142,185)
```
#b99ec2
```
#b99ec2 rgb(185,158,194)
```

Monochromatic Color

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

#8a6fa5
```
#8a6fa5 rgb(138,111,165)
```
#8e6fa5
```
#8e6fa5 rgb(142,111,165)
```
#936fa5
```
#936fa5 rgb(147,111,165)
```
#976fa5
```
#976fa5 rgb(151,111,165)
```
#9c6fa5
```
#9c6fa5 rgb(156,111,165)
```
#a06fa5
```
#a06fa5 rgb(160,111,165)
```
#a56fa5
```
#a56fa5 rgb(165,111,165)
```

Similar Colors

Text with hexadecimal color #976fa5

This text has a font color of #976fa5.

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

#976fa5 background color

This paragraph has a background color of #976fa5.

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

#976fa5 border color

This element has a border color of #976fa5.

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

CSS codes

.text {color:#976fa5;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0c080d
```
#0c080d rgb(12,8,13)
```
#171019
```
#171019 rgb(23,16,25)
```
#211725
```
#211725 rgb(33,23,37)
```
#2c1f31
```
#2c1f31 rgb(44,31,49)
```
#37263d
```
#37263d rgb(55,38,61)
```
#422e49
```
#422e49 rgb(66,46,73)
```
#4d3555
```
#4d3555 rgb(77,53,85)
```
#583d61
```
#583d61 rgb(88,61,97)
```
#63446d
```
#63446d rgb(99,68,109)
```
#6e4c7a
```
#6e4c7a rgb(110,76,122)
```
#795486
```
#795486 rgb(121,84,134)
```
#845b92
```
#845b92 rgb(132,91,146)
```

Shade Color Variation

#8e639d
```
#8e639d rgb(142,99,157)
```
#976fa5
```
#976fa5 rgb(151,111,165)
```
#a07bad
```
#a07bad rgb(160,123,173)
```
#a887b4
```
#a887b4 rgb(168,135,180)
```
#b193bc
```
#b193bc rgb(177,147,188)
```
#ba9fc3
```
#ba9fc3 rgb(186,159,195)
```
#c3abcb
```
#c3abcb rgb(195,171,203)
```
#cbb7d2
```
#cbb7d2 rgb(203,183,210)
```
#d4c3da
```
#d4c3da rgb(212,195,218)
```
#ddd0e1
```
#ddd0e1 rgb(221,208,225)
```
#e5dce9
```
#e5dce9 rgb(229,220,233)
```
#eee8f0
```
#eee8f0 rgb(238,232,240)
```
#f7f4f8
```
#f7f4f8 rgb(247,244,248)
```

Tint Color Variation

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

#8e8193
```
#8e8193 rgb(142,129,147)
```
#93789c
```
#93789c rgb(147,120,156)
```
#976fa5
```
#976fa5 rgb(151,111,165)
```
#9b66ae
```
#9b66ae rgb(155,102,174)
```
#a05db7
```
#a05db7 rgb(160,93,183)
```
#a454c0
```
#a454c0 rgb(164,84,192)
```
#a84bc9
```
#a84bc9 rgb(168,75,201)
```
#ad42d2
```
#ad42d2 rgb(173,66,210)
```
#b139db
```
#b139db rgb(177,57,219)
```
#b530e4
```
#b530e4 rgb(181,48,228)
```
#ba27ed
```
#ba27ed rgb(186,39,237)
```
#be1ef6
```
#be1ef6 rgb(190,30,246)
```
#c215ff
```
#c215ff rgb(194,21,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#857d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7582b1 Protanopia 1% of men
#7d82a5 Deuteranopia 1% of men
#967d86 Tritanopia 0.001% of the population

Trichromacy

#817bad Protanomaly 1% of men, 0.01% of women
#867ba5 Deuteranomaly 6% of men, 0.4% of women
#967891 Tritanomaly 0.01% of the population

#976fa5 hex color

#976fa5 Color Information

#976fa5 Color Conversion

Color Schemes with #976fa5

Alternatives to #976fa5

#976fa5 Preview

Shades and Tints of #976fa5

Tones of #976fa5

Color Blindness Simulator