#972ae9 hex color

In a RGB color space, hex #972ae9 is composed of 59.2% red, 16.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 82% magenta, 0% yellow and 8.6% black. It has a hue angle of 274.2 degrees, a saturation of 81.3% and a lightness of 53.9%. #972ae9 color hex could be obtained by blending #ff54ff with #2f00d3. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 59
- G 16
- B 91
RGB color chart
- C 35
- M 82
- Y 0
- K 9
CMYK color chart

● #972ae9 color description : Bright violet.

The hexadecimal color #972ae9 has RGB values of R:151, G:42, B:233 and CMYK values of C:0.35, M:0.82, Y:0, K:0.09. Its decimal value is 9906921.

Hex triplet	972ae9	`#972ae9`
RGB Decimal	151, 42, 233	`rgb(151,42,233)`
RGB Percent	59.2, 16.5, 91.4	`rgb(59.2%,16.5%,91.4%)`
CMYK	35, 82, 0, 9
HSL	274.2°, 81.3, 53.9	`hsl(274.2,81.3%,53.9%)`
HSV (or HSB)	274.2°, 82, 91.4
Web Safe	9933ff	`#9933ff`

CIE-LAB	44.403, 73.504, -75.056
XYZ	28.296, 14.119, 78.321
xyY	0.234, 0.117, 14.119
CIE-LCH	44.403, 105.054, 314.401
CIE-LUV	44.403, 23.334, -115.935
Hunter-Lab	37.575, 68.664, -97.28
Binary	10010111, 00101010, 11101001

#972ae9
```
#972ae9 rgb(151,42,233)
```
#7ce92a
```
#7ce92a rgb(124,233,42)
```

Complementary Color

#372ae9
```
#372ae9 rgb(55,42,233)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```
#e92adc
```
#e92adc rgb(233,42,220)
```

Analogous Color

#2ae938
```
#2ae938 rgb(42,233,56)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```
#dce92a
```
#dce92a rgb(220,233,42)
```

Split Complementary Color

#2ae997
```
#2ae997 rgb(42,233,151)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```
#e9972a
```
#e9972a rgb(233,151,42)
```

Triadic Color

#2a7ce9
```
#2a7ce9 rgb(42,124,233)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```
#e9972a
```
#e9972a rgb(233,151,42)
```
#7ce92a
```
#7ce92a rgb(124,233,42)
```

Tetradic Color

#6f13b4
```
#6f13b4 rgb(111,19,180)
```
#7d15cb
```
#7d15cb rgb(125,21,203)
```
#8b17e2
```
#8b17e2 rgb(139,23,226)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```
#a241eb
```
#a241eb rgb(162,65,235)
```
#ae58ee
```
#ae58ee rgb(174,88,238)
```
#b96ff0
```
#b96ff0 rgb(185,111,240)
```

Monochromatic Color

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

#672ae9
```
#672ae9 rgb(103,42,233)
```
#772ae9
```
#772ae9 rgb(119,42,233)
```
#872ae9
```
#872ae9 rgb(135,42,233)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```
#a72ae9
```
#a72ae9 rgb(167,42,233)
```
#b72ae9
```
#b72ae9 rgb(183,42,233)
```
#c72ae9
```
#c72ae9 rgb(199,42,233)
```

Similar Colors

Text with hexadecimal color #972ae9

This text has a font color of #972ae9.

<span style="color:#972ae9;">Text here</span>

#972ae9 background color

This paragraph has a background color of #972ae9.

<p style="background-color:#972ae9;">Content here</p>

#972ae9 border color

This element has a border color of #972ae9.

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

CSS codes

.text {color:#972ae9;}

.background {background-color:#972ae9;}

.border {border:1px solid #972ae9;}

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0212
```
#0b0212 rgb(11,2,18)
```
#160424
```
#160424 rgb(22,4,36)
```
#210636
```
#210636 rgb(33,6,54)
```
#2c0747
```
#2c0747 rgb(44,7,71)
```
#370959
```
#370959 rgb(55,9,89)
```
#420b6b
```
#420b6b rgb(66,11,107)
```
#4d0d7d
```
#4d0d7d rgb(77,13,125)
```
#580f8f
```
#580f8f rgb(88,15,143)
```
#6311a0
```
#6311a0 rgb(99,17,160)
```
#6e12b2
```
#6e12b2 rgb(110,18,178)
```
#7814c4
```
#7814c4 rgb(120,20,196)
```
#8316d6
```
#8316d6 rgb(131,22,214)
```

Shade Color Variation

#8e18e7
```
#8e18e7 rgb(142,24,231)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```
#a03ceb
```
#a03ceb rgb(160,60,235)
```
#a84eed
```
#a84eed rgb(168,78,237)
```
#b15fef
```
#b15fef rgb(177,95,239)
```
#ba71f0
```
#ba71f0 rgb(186,113,240)
```
#c283f2
```
#c283f2 rgb(194,131,242)
```
#cb95f4
```
#cb95f4 rgb(203,149,244)
```
#d4a6f6
```
#d4a6f6 rgb(212,166,246)
```
#dcb8f8
```
#dcb8f8 rgb(220,184,248)
```
#e5cafa
```
#e5cafa rgb(229,202,250)
```
#eedcfb
```
#eedcfb rgb(238,220,251)
```
#f6eefd
```
#f6eefd rgb(246,238,253)
```

Tint Color Variation

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

#8a848f
```
#8a848f rgb(138,132,143)
```
#8c7b98
```
#8c7b98 rgb(140,123,152)
```
#8d72a1
```
#8d72a1 rgb(141,114,161)
```
#8e69aa
```
#8e69aa rgb(142,105,170)
```
#8f60b3
```
#8f60b3 rgb(143,96,179)
```
#9157bc
```
#9157bc rgb(145,87,188)
```
#924ec5
```
#924ec5 rgb(146,78,197)
```
#9345ce
```
#9345ce rgb(147,69,206)
```
#943cd7
```
#943cd7 rgb(148,60,215)
```
#9633e0
```
#9633e0 rgb(150,51,224)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```
#9821f2
```
#9821f2 rgb(152,33,242)
```
#9a18fb
```
#9a18fb rgb(154,24,251)
```

Tone Color Variation

Below, you can see how #972ae9 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

#606060 Achromatopsia 0.005% of the population
#6b557b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#806b72 Tritanopia 0.001% of the population

Trichromacy

#3655dc Protanomaly 1% of men, 0.01% of women
#3658cc Deuteranomaly 6% of men, 0.4% of women
#88539d Tritanomaly 0.01% of the population

#972ae9 hex color

#972ae9 Color Information

#972ae9 Color Conversion

Color Schemes with #972ae9

Alternatives to #972ae9

#972ae9 Preview

Shades and Tints of #972ae9

Tones of #972ae9

Color Blindness Simulator