#7224cc hex color

In a RGB color space, hex #7224cc is composed of 44.7% red, 14.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 82.4% magenta, 0% yellow and 20% black. It has a hue angle of 267.9 degrees, a saturation of 70% and a lightness of 47.1%. #7224cc color hex could be obtained by blending #e448ff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 14
- B 80
RGB color chart
- C 44
- M 82
- Y 0
- K 20
CMYK color chart

● #7224cc color description : Strong violet.

The hexadecimal color #7224cc has RGB values of R:114, G:36, B:204 and CMYK values of C:0.44, M:0.82, Y:0, K:0.2. Its decimal value is 7480524.

Hex triplet	7224cc	`#7224cc`
RGB Decimal	114, 36, 204	`rgb(114,36,204)`
RGB Percent	44.7, 14.1, 80	`rgb(44.7%,14.1%,80%)`
CMYK	44, 82, 0, 20
HSL	267.9°, 70, 47.1	`hsl(267.9,70%,47.1%)`
HSV (or HSB)	267.9°, 82.4, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.364, 63.889, -71.774
XYZ	18.468, 9.199, 57.926
xyY	0.216, 0.107, 9.199
CIE-LCH	36.364, 96.09, 311.674
CIE-LUV	36.364, 12.223, -102.883
Hunter-Lab	30.33, 55.612, -92.007
Binary	01110010, 00100100, 11001100

#7224cc
```
#7224cc rgb(114,36,204)
```
#7ecc24
```
#7ecc24 rgb(126,204,36)
```

Complementary Color

#242acc
```
#242acc rgb(36,42,204)
```
#7224cc
```
#7224cc rgb(114,36,204)
```
#c624cc
```
#c624cc rgb(198,36,204)
```

Analogous Color

#2acc24
```
#2acc24 rgb(42,204,36)
```
#7224cc
```
#7224cc rgb(114,36,204)
```
#ccc624
```
#ccc624 rgb(204,198,36)
```

Split Complementary Color

#24cc72
```
#24cc72 rgb(36,204,114)
```
#7224cc
```
#7224cc rgb(114,36,204)
```
#cc7224
```
#cc7224 rgb(204,114,36)
```

Triadic Color

#247ecc
```
#247ecc rgb(36,126,204)
```
#7224cc
```
#7224cc rgb(114,36,204)
```
#cc7224
```
#cc7224 rgb(204,114,36)
```
#7ecc24
```
#7ecc24 rgb(126,204,36)
```

Tetradic Color

#4e198b
```
#4e198b rgb(78,25,139)
```
#5a1ca1
```
#5a1ca1 rgb(90,28,161)
```
#6620b6
```
#6620b6 rgb(102,32,182)
```
#7224cc
```
#7224cc rgb(114,36,204)
```
#7f2fda
```
#7f2fda rgb(127,47,218)
```
#8c45de
```
#8c45de rgb(140,69,222)
```
#995be2
```
#995be2 rgb(153,91,226)
```

Monochromatic Color

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

#4824cc
```
#4824cc rgb(72,36,204)
```
#5624cc
```
#5624cc rgb(86,36,204)
```
#6424cc
```
#6424cc rgb(100,36,204)
```
#7224cc
```
#7224cc rgb(114,36,204)
```
#8024cc
```
#8024cc rgb(128,36,204)
```
#8e24cc
```
#8e24cc rgb(142,36,204)
```
#9c24cc
```
#9c24cc rgb(156,36,204)
```

Similar Colors

Text with hexadecimal color #7224cc

This text has a font color of #7224cc.

<span style="color:#7224cc;">Text here</span>

#7224cc background color

This paragraph has a background color of #7224cc.

<p style="background-color:#7224cc;">Content here</p>

#7224cc border color

This element has a border color of #7224cc.

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

CSS codes

.text {color:#7224cc;}

.background {background-color:#7224cc;}

.border {border:1px solid #7224cc;}

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

#020104
```
#020104 rgb(2,1,4)
```
#0c0415
```
#0c0415 rgb(12,4,21)
```
#150725
```
#150725 rgb(21,7,37)
```
#1e0a36
```
#1e0a36 rgb(30,10,54)
```
#270c47
```
#270c47 rgb(39,12,71)
```
#310f57
```
#310f57 rgb(49,15,87)
```
#3a1268
```
#3a1268 rgb(58,18,104)
```
#431579
```
#431579 rgb(67,21,121)
```
#4d1889
```
#4d1889 rgb(77,24,137)
```
#561b9a
```
#561b9a rgb(86,27,154)
```
#5f1eab
```
#5f1eab rgb(95,30,171)
```
#6921bb
```
#6921bb rgb(105,33,187)
```
#7224cc
```
#7224cc rgb(114,36,204)
```

Shade Color Variation

#7c2ad9
```
#7c2ad9 rgb(124,42,217)
```
#863bdc
```
#863bdc rgb(134,59,220)
```
#904cdf
```
#904cdf rgb(144,76,223)
```
#9a5ce2
```
#9a5ce2 rgb(154,92,226)
```
#a56de5
```
#a56de5 rgb(165,109,229)
```
#af7ee8
```
#af7ee8 rgb(175,126,232)
```
#b98eeb
```
#b98eeb rgb(185,142,235)
```
#c49fee
```
#c49fee rgb(196,159,238)
```
#ceb0f1
```
#ceb0f1 rgb(206,176,241)
```
#d8c0f4
```
#d8c0f4 rgb(216,192,244)
```
#e3d1f7
```
#e3d1f7 rgb(227,209,247)
```
#ede2fa
```
#ede2fa rgb(237,226,250)
```
#f7f2fd
```
#f7f2fd rgb(247,242,253)
```

Tint Color Variation

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

#787779
```
#787779 rgb(120,119,121)
```
#776e82
```
#776e82 rgb(119,110,130)
```
#77658b
```
#77658b rgb(119,101,139)
```
#765b95
```
#765b95 rgb(118,91,149)
```
#75529e
```
#75529e rgb(117,82,158)
```
#7549a7
```
#7549a7 rgb(117,73,167)
```
#7440b0
```
#7440b0 rgb(116,64,176)
```
#7336ba
```
#7336ba rgb(115,54,186)
```
#732dc3
```
#732dc3 rgb(115,45,195)
```
#7224cc
```
#7224cc rgb(114,36,204)
```
#711bd5
```
#711bd5 rgb(113,27,213)
```
#7112de
```
#7112de rgb(113,18,222)
```
#7008e8
```
#7008e8 rgb(112,8,232)
```

Tone Color Variation

Below, you can see how #7224cc 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

#4e4e4e Achromatopsia 0.005% of the population
#554667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609b Deuteranopia 1% of men
#595e65 Tritanopia 0.001% of the population

Trichromacy

#2947bb Protanomaly 1% of men, 0.01% of women
#294aad Deuteranomaly 6% of men, 0.4% of women
#62498a Tritanomaly 0.01% of the population

#7224cc hex color

#7224cc Color Information

#7224cc Color Conversion

Color Schemes with #7224cc

Alternatives to #7224cc

#7224cc Preview

Shades and Tints of #7224cc

Tones of #7224cc

Color Blindness Simulator