#972ae0 hex color

In a RGB color space, hex #972ae0 is composed of 59.2% red, 16.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 81.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 275.9 degrees, a saturation of 74.6% and a lightness of 52.2%. #972ae0 color hex could be obtained by blending #ff54ff with #2f00c1. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 59
- G 16
- B 88
RGB color chart
- C 33
- M 81
- Y 0
- K 12
CMYK color chart

● #972ae0 color description : Bright violet.

The hexadecimal color #972ae0 has RGB values of R:151, G:42, B:224 and CMYK values of C:0.33, M:0.81, Y:0, K:0.12. Its decimal value is 9906912.

Hex triplet	972ae0	`#972ae0`
RGB Decimal	151, 42, 224	`rgb(151,42,224)`
RGB Percent	59.2, 16.5, 87.8	`rgb(59.2%,16.5%,87.8%)`
CMYK	33, 81, 0, 12
HSL	275.9°, 74.6, 52.2	`hsl(275.9,74.6%,52.2%)`
HSV (or HSB)	275.9°, 81.3, 87.8
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.679, 71.619, -71.121
XYZ	27.043, 13.618, 71.721
xyY	0.241, 0.121, 13.618
CIE-LCH	43.679, 100.933, 315.2
CIE-LUV	43.679, 25.236, -110.063
Hunter-Lab	36.902, 66.232, -89.401
Binary	10010111, 00101010, 11100000

#972ae0
```
#972ae0 rgb(151,42,224)
```
#73e02a
```
#73e02a rgb(115,224,42)
```

Complementary Color

#3c2ae0
```
#3c2ae0 rgb(60,42,224)
```
#972ae0
```
#972ae0 rgb(151,42,224)
```
#e02ace
```
#e02ace rgb(224,42,206)
```

Analogous Color

#2ae03c
```
#2ae03c rgb(42,224,60)
```
#972ae0
```
#972ae0 rgb(151,42,224)
```
#cee02a
```
#cee02a rgb(206,224,42)
```

Split Complementary Color

#2ae097
```
#2ae097 rgb(42,224,151)
```
#972ae0
```
#972ae0 rgb(151,42,224)
```
#e0972a
```
#e0972a rgb(224,151,42)
```

Triadic Color

#2a73e0
```
#2a73e0 rgb(42,115,224)
```
#972ae0
```
#972ae0 rgb(151,42,224)
```
#e0972a
```
#e0972a rgb(224,151,42)
```
#73e02a
```
#73e02a rgb(115,224,42)
```

Tetradic Color

#6d18a5
```
#6d18a5 rgb(109,24,165)
```
#7b1bbc
```
#7b1bbc rgb(123,27,188)
```
#8a1fd2
```
#8a1fd2 rgb(138,31,210)
```
#972ae0
```
#972ae0 rgb(151,42,224)
```
#a240e3
```
#a240e3 rgb(162,64,227)
```
#ad57e6
```
#ad57e6 rgb(173,87,230)
```
#b86dea
```
#b86dea rgb(184,109,234)
```

Monochromatic Color

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

#6a2ae0
```
#6a2ae0 rgb(106,42,224)
```
#792ae0
```
#792ae0 rgb(121,42,224)
```
#882ae0
```
#882ae0 rgb(136,42,224)
```
#972ae0
```
#972ae0 rgb(151,42,224)
```
#a62ae0
```
#a62ae0 rgb(166,42,224)
```
#b52ae0
```
#b52ae0 rgb(181,42,224)
```
#c52ae0
```
#c52ae0 rgb(197,42,224)
```

Similar Colors

Text with hexadecimal color #972ae0

This text has a font color of #972ae0.

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

#972ae0 background color

This paragraph has a background color of #972ae0.

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

#972ae0 border color

This element has a border color of #972ae0.

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

CSS codes

.text {color:#972ae0;}

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

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

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

#06010a
```
#06010a rgb(6,1,10)
```
#12041b
```
#12041b rgb(18,4,27)
```
#1d062c
```
#1d062c rgb(29,6,44)
```
#28093d
```
#28093d rgb(40,9,61)
```
#330b4e
```
#330b4e rgb(51,11,78)
```
#3f0e5f
```
#3f0e5f rgb(63,14,95)
```
#4a1070
```
#4a1070 rgb(74,16,112)
```
#551381
```
#551381 rgb(85,19,129)
```
#601593
```
#601593 rgb(96,21,147)
```
#6c18a4
```
#6c18a4 rgb(108,24,164)
```
#771ab5
```
#771ab5 rgb(119,26,181)
```
#821dc6
```
#821dc6 rgb(130,29,198)
```
#8d1fd7
```
#8d1fd7 rgb(141,31,215)
```

Shade Color Variation

#972ae0
```
#972ae0 rgb(151,42,224)
```
#9f3be2
```
#9f3be2 rgb(159,59,226)
```
#a84ce5
```
#a84ce5 rgb(168,76,229)
```
#b05de7
```
#b05de7 rgb(176,93,231)
```
#b86eea
```
#b86eea rgb(184,110,234)
```
#c180ec
```
#c180ec rgb(193,128,236)
```
#c991ef
```
#c991ef rgb(201,145,239)
```
#d2a2f1
```
#d2a2f1 rgb(210,162,241)
```
#dab3f4
```
#dab3f4 rgb(218,179,244)
```
#e2c4f6
```
#e2c4f6 rgb(226,196,246)
```
#ebd5f9
```
#ebd5f9 rgb(235,213,249)
```
#f3e6fb
```
#f3e6fb rgb(243,230,251)
```
#fbf7fe
```
#fbf7fe rgb(251,247,254)
```

Tint Color Variation

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

#867e8c
```
#867e8c rgb(134,126,140)
```
#887595
```
#887595 rgb(136,117,149)
```
#8a6c9e
```
#8a6c9e rgb(138,108,158)
```
#8c62a8
```
#8c62a8 rgb(140,98,168)
```
#8e59b1
```
#8e59b1 rgb(142,89,177)
```
#9050ba
```
#9050ba rgb(144,80,186)
```
#9146c4
```
#9146c4 rgb(145,70,196)
```
#933dcd
```
#933dcd rgb(147,61,205)
```
#9533d7
```
#9533d7 rgb(149,51,215)
```
#972ae0
```
#972ae0 rgb(151,42,224)
```
#9921e9
```
#9921e9 rgb(153,33,233)
```
#9b17f3
```
#9b17f3 rgb(155,23,243)
```
#9d0efc
```
#9d0efc rgb(157,14,252)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#6a5479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b9 Deuteranopia 1% of men
#83686f Tritanopia 0.001% of the population

Trichromacy

#3653d7 Protanomaly 1% of men, 0.01% of women
#3657c7 Deuteranomaly 6% of men, 0.4% of women
#8a5198 Tritanomaly 0.01% of the population

#972ae0 hex color

#972ae0 Color Information

#972ae0 Color Conversion

Color Schemes with #972ae0

Alternatives to #972ae0

#972ae0 Preview

Shades and Tints of #972ae0

Tones of #972ae0

Color Blindness Simulator