colorhexa.com

#5c227a hex color

In a RGB color space, hex #5c227a is composed of 36.1% red, 13.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 72.1% magenta, 0% yellow and 52.2% black. It has a hue angle of 279.5 degrees, a saturation of 56.4% and a lightness of 30.6%. #5c227a color hex could be obtained by blending #b844f4 with #000000. Closest websafe color is: #663366.

- R 36
- G 13
- B 48
RGB color chart
- C 25
- M 72
- Y 0
- K 52
CMYK color chart

● #5c227a color description : Dark violet.

The hexadecimal color #5c227a has RGB values of R:92, G:34, B:122 and CMYK values of C:0.25, M:0.72, Y:0, K:0.52. Its decimal value is 6038138.

Hex triplet	5c227a	`#5c227a`
RGB Decimal	92, 34, 122	`rgb(92,34,122)`
RGB Percent	36.1, 13.3, 47.8	`rgb(36.1%,13.3%,47.8%)`
CMYK	25, 72, 0, 52
HSL	279.5°, 56.4, 30.6	`hsl(279.5,56.4%,30.6%)`
HSV (or HSB)	279.5°, 72.1, 47.8
Web Safe	663366	`#663366`

CIE-LAB	26.23, 41.555, -38.746
XYZ	8.498, 4.825, 18.895
xyY	0.264, 0.15, 4.825
CIE-LCH	26.23, 56.816, 317.003
CIE-LUV	26.23, 16.803, -52.054
Hunter-Lab	21.965, 30.619, -35.626
Binary	01011100, 00100010, 01111010

#5c227a
```
#5c227a rgb(92,34,122)
```
#407a22
```
#407a22 rgb(64,122,34)
```

Complementary Color

#30227a
```
#30227a rgb(48,34,122)
```
#5c227a
```
#5c227a rgb(92,34,122)
```
#7a226c
```
#7a226c rgb(122,34,108)
```

Analogous Color

#227a30
```
#227a30 rgb(34,122,48)
```
#5c227a
```
#5c227a rgb(92,34,122)
```
#6c7a22
```
#6c7a22 rgb(108,122,34)
```

Split Complementary Color

#227a5c
```
#227a5c rgb(34,122,92)
```
#5c227a
```
#5c227a rgb(92,34,122)
```
#7a5c22
```
#7a5c22 rgb(122,92,34)
```

Triadic Color

#2f113e
```
#2f113e rgb(47,17,62)
```
#3e1752
```
#3e1752 rgb(62,23,82)
```
#4d1c66
```
#4d1c66 rgb(77,28,102)
```
#5c227a
```
#5c227a rgb(92,34,122)
```
#6b288e
```
#6b288e rgb(107,40,142)
```
#7a2da2
```
#7a2da2 rgb(122,45,162)
```
#8933b6
```
#8933b6 rgb(137,51,182)
```

Monochromatic Color

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

#46227a
```
#46227a rgb(70,34,122)
```
#4d227a
```
#4d227a rgb(77,34,122)
```
#55227a
```
#55227a rgb(85,34,122)
```
#5c227a
```
#5c227a rgb(92,34,122)
```
#63227a
```
#63227a rgb(99,34,122)
```
#6b227a
```
#6b227a rgb(107,34,122)
```
#72227a
```
#72227a rgb(114,34,122)
```

Similar Colors

Text with hexadecimal color #5c227a

This text has a font color of #5c227a.

<span style="color:#5c227a;">Text here</span>

#5c227a background color

This paragraph has a background color of #5c227a.

<p style="background-color:#5c227a;">Content here</p>

#5c227a border color

This element has a border color of #5c227a.

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

CSS codes

.text {color:#5c227a;}

.background {background-color:#5c227a;}

.border {border:1px solid #5c227a;}

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, #0b040f is the darkest color, while #fffeff is the lightest one.

#0b040f
```
#0b040f rgb(11,4,15)
```
#17081e
```
#17081e rgb(23,8,30)
```
#220d2d
```
#220d2d rgb(34,13,45)
```
#2e113d
```
#2e113d rgb(46,17,61)
```
#39154c
```
#39154c rgb(57,21,76)
```
#45195b
```
#45195b rgb(69,25,91)
```
#501e6b
```
#501e6b rgb(80,30,107)
```
#5c227a
```
#5c227a rgb(92,34,122)
```
#682689
```
#682689 rgb(104,38,137)
```
#732b99
```
#732b99 rgb(115,43,153)
```
#7f2fa8
```
#7f2fa8 rgb(127,47,168)
```
#8a33b7
```
#8a33b7 rgb(138,51,183)
```
#9637c7
```
#9637c7 rgb(150,55,199)
```

Shade Color Variation

#9e46cb
```
#9e46cb rgb(158,70,203)
```
#a656d0
```
#a656d0 rgb(166,86,208)
```
#ae65d4
```
#ae65d4 rgb(174,101,212)
```
#b674d8
```
#b674d8 rgb(182,116,216)
```
#be84dd
```
#be84dd rgb(190,132,221)
```
#c693e1
```
#c693e1 rgb(198,147,225)
```
#cea2e5
```
#cea2e5 rgb(206,162,229)
```
#d6b2e9
```
#d6b2e9 rgb(214,178,233)
```
#dec1ee
```
#dec1ee rgb(222,193,238)
```
#e6d0f2
```
#e6d0f2 rgb(230,208,242)
```
#efe0f6
```
#efe0f6 rgb(239,224,246)
```
#f7effb
```
#f7effb rgb(247,239,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#4f4c50
```
#4f4c50 rgb(79,76,80)
```
#514656
```
#514656 rgb(81,70,86)
```
#52405c
```
#52405c rgb(82,64,92)
```
#543a62
```
#543a62 rgb(84,58,98)
```
#563468
```
#563468 rgb(86,52,104)
```
#582e6e
```
#582e6e rgb(88,46,110)
```
#5a2874
```
#5a2874 rgb(90,40,116)
```
#5c227a
```
#5c227a rgb(92,34,122)
```
#5e1c80
```
#5e1c80 rgb(94,28,128)
```
#601686
```
#601686 rgb(96,22,134)
```
#62108c
```
#62108c rgb(98,16,140)
```
#640a92
```
#640a92 rgb(100,10,146)
```
#660498
```
#660498 rgb(102,4,152)
```

Tone Color Variation

Below, you can see how #5c227a 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

#3d3d3d Achromatopsia 0.005% of the population
#433849 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#184978 Deuteranopia 1% of men
#594146 Tritanopia 0.001% of the population

Trichromacy

#213883 Protanomaly 1% of men, 0.01% of women
#303a78 Deuteranomaly 6% of men, 0.4% of women
#5a3659 Tritanomaly 0.01% of the population