#57227e hex color

In a RGB color space, hex #57227e is composed of 34.1% red, 13.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 73% magenta, 0% yellow and 50.6% black. It has a hue angle of 274.6 degrees, a saturation of 57.5% and a lightness of 31.4%. #57227e color hex could be obtained by blending #ae44fc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 13
- B 49
RGB color chart
- C 31
- M 73
- Y 0
- K 51
CMYK color chart

● #57227e color description : Dark violet.

The hexadecimal color #57227e has RGB values of R:87, G:34, B:126 and CMYK values of C:0.31, M:0.73, Y:0, K:0.51. Its decimal value is 5710462.

Hex triplet	57227e	`#57227e`
RGB Decimal	87, 34, 126	`rgb(87,34,126)`
RGB Percent	34.1, 13.3, 49.4	`rgb(34.1%,13.3%,49.4%)`
CMYK	31, 73, 0, 51
HSL	274.6°, 57.5, 31.4	`hsl(274.6,57.5%,31.4%)`
HSV (or HSB)	274.6°, 73, 49.4
Web Safe	663366	`#663366`

CIE-LAB	25.793, 41.397, -42.018
XYZ	8.268, 4.677, 20.205
xyY	0.249, 0.141, 4.677
CIE-LCH	25.793, 58.985, 314.573
CIE-LUV	25.793, 13.421, -55.527
Hunter-Lab	21.626, 30.397, -40.255
Binary	01010111, 00100010, 01111110

#57227e
```
#57227e rgb(87,34,126)
```
#497e22
```
#497e22 rgb(73,126,34)
```

Complementary Color

#29227e
```
#29227e rgb(41,34,126)
```
#57227e
```
#57227e rgb(87,34,126)
```
#7e2277
```
#7e2277 rgb(126,34,119)
```

Analogous Color

#227e29
```
#227e29 rgb(34,126,41)
```
#57227e
```
#57227e rgb(87,34,126)
```
#777e22
```
#777e22 rgb(119,126,34)
```

Split Complementary Color

#227e57
```
#227e57 rgb(34,126,87)
```
#57227e
```
#57227e rgb(87,34,126)
```
#7e5722
```
#7e5722 rgb(126,87,34)
```

Triadic Color

#22497e
```
#22497e rgb(34,73,126)
```
#57227e
```
#57227e rgb(87,34,126)
```
#7e5722
```
#7e5722 rgb(126,87,34)
```
#497e22
```
#497e22 rgb(73,126,34)
```

Tetradic Color

#2d1242
```
#2d1242 rgb(45,18,66)
```
#3b1756
```
#3b1756 rgb(59,23,86)
```
#491d6a
```
#491d6a rgb(73,29,106)
```
#57227e
```
#57227e rgb(87,34,126)
```
#652792
```
#652792 rgb(101,39,146)
```
#732da6
```
#732da6 rgb(115,45,166)
```
#8132ba
```
#8132ba rgb(129,50,186)
```

Monochromatic Color

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

#40227e
```
#40227e rgb(64,34,126)
```
#48227e
```
#48227e rgb(72,34,126)
```
#4f227e
```
#4f227e rgb(79,34,126)
```
#57227e
```
#57227e rgb(87,34,126)
```
#5f227e
```
#5f227e rgb(95,34,126)
```
#66227e
```
#66227e rgb(102,34,126)
```
#6e227e
```
#6e227e rgb(110,34,126)
```

Similar Colors

Text with hexadecimal color #57227e

This text has a font color of #57227e.

<span style="color:#57227e;">Text here</span>

#57227e background color

This paragraph has a background color of #57227e.

<p style="background-color:#57227e;">Content here</p>

#57227e border color

This element has a border color of #57227e.

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

CSS codes

.text {color:#57227e;}

.background {background-color:#57227e;}

.border {border:1px solid #57227e;}

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

#020102
```
#020102 rgb(2,1,2)
```
#0c0512
```
#0c0512 rgb(12,5,18)
```
#170921
```
#170921 rgb(23,9,33)
```
#220d31
```
#220d31 rgb(34,13,49)
```
#2c1140
```
#2c1140 rgb(44,17,64)
```
#371550
```
#371550 rgb(55,21,80)
```
#421a5f
```
#421a5f rgb(66,26,95)
```
#4c1e6f
```
#4c1e6f rgb(76,30,111)
```
#57227e
```
#57227e rgb(87,34,126)
```
#62268d
```
#62268d rgb(98,38,141)
```
#6c2a9d
```
#6c2a9d rgb(108,42,157)
```
#772fac
```
#772fac rgb(119,47,172)
```
#8233bc
```
#8233bc rgb(130,51,188)
```

Shade Color Variation

#8c39c9
```
#8c39c9 rgb(140,57,201)
```
#9548ce
```
#9548ce rgb(149,72,206)
```
#9e58d2
```
#9e58d2 rgb(158,88,210)
```
#a767d6
```
#a767d6 rgb(167,103,214)
```
#b076da
```
#b076da rgb(176,118,218)
```
#b986de
```
#b986de rgb(185,134,222)
```
#c295e2
```
#c295e2 rgb(194,149,226)
```
#cba5e7
```
#cba5e7 rgb(203,165,231)
```
#d4b4eb
```
#d4b4eb rgb(212,180,235)
```
#ddc4ef
```
#ddc4ef rgb(221,196,239)
```
#e6d3f3
```
#e6d3f3 rgb(230,211,243)
```
#efe3f7
```
#efe3f7 rgb(239,227,247)
```
#f7f2fb
```
#f7f2fb rgb(247,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #504d53 is the less saturated color, while #5c039d is the most saturated one.

#504d53
```
#504d53 rgb(80,77,83)
```
#514759
```
#514759 rgb(81,71,89)
```
#52415f
```
#52415f rgb(82,65,95)
```
#533b65
```
#533b65 rgb(83,59,101)
```
#54346c
```
#54346c rgb(84,52,108)
```
#552e72
```
#552e72 rgb(85,46,114)
```
#562878
```
#562878 rgb(86,40,120)
```
#57227e
```
#57227e rgb(87,34,126)
```
#581c84
```
#581c84 rgb(88,28,132)
```
#59168a
```
#59168a rgb(89,22,138)
```
#5a1090
```
#5a1090 rgb(90,16,144)
```
#5b0997
```
#5b0997 rgb(91,9,151)
```
#5c039d
```
#5c039d rgb(92,3,157)
```

Tone Color Variation

Below, you can see how #57227e 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

#3c3c3c Achromatopsia 0.005% of the population
#413749 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004878 Deuteranopia 1% of men
#524347 Tritanopia 0.001% of the population

Trichromacy

#1f3883 Protanomaly 1% of men, 0.01% of women
#1f3a7a Deuteranomaly 6% of men, 0.4% of women
#54375b Tritanomaly 0.01% of the population

#57227e hex color

#57227e Color Information

#57227e Color Conversion

Color Schemes with #57227e

Alternatives to #57227e

#57227e Preview

Shades and Tints of #57227e

Tones of #57227e

Color Blindness Simulator