#5f227a hex color

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

♥
- f
- t
- g
- R 37
- G 13
- B 48
RGB color chart
- C 22
- M 72
- Y 0
- K 52
CMYK color chart

● #5f227a color description : Dark violet.

The hexadecimal color #5f227a has RGB values of R:95, G:34, B:122 and CMYK values of C:0.22, M:0.72, Y:0, K:0.52. Its decimal value is 6234746.

Hex triplet	5f227a	`#5f227a`
RGB Decimal	95, 34, 122	`rgb(95,34,122)`
RGB Percent	37.3, 13.3, 47.8	`rgb(37.3%,13.3%,47.8%)`
CMYK	22, 72, 0, 52
HSL	281.6°, 56.4, 30.6	`hsl(281.6,56.4%,30.6%)`
HSV (or HSB)	281.6°, 72.1, 47.8
Web Safe	663366	`#663366`

CIE-LAB	26.685, 42.243, -37.99
XYZ	8.804, 4.982, 18.909
xyY	0.269, 0.152, 4.982
CIE-LCH	26.685, 56.813, 318.034
CIE-LUV	26.685, 18.461, -51.567
Hunter-Lab	22.321, 31.34, -34.602
Binary	01011111, 00100010, 01111010

#5f227a
```
#5f227a rgb(95,34,122)
```
#3d7a22
```
#3d7a22 rgb(61,122,34)
```

Complementary Color

#33227a
```
#33227a rgb(51,34,122)
```
#5f227a
```
#5f227a rgb(95,34,122)
```
#7a2269
```
#7a2269 rgb(122,34,105)
```

Analogous Color

#227a33
```
#227a33 rgb(34,122,51)
```
#5f227a
```
#5f227a rgb(95,34,122)
```
#697a22
```
#697a22 rgb(105,122,34)
```

Split Complementary Color

#227a5f
```
#227a5f rgb(34,122,95)
```
#5f227a
```
#5f227a rgb(95,34,122)
```
#7a5f22
```
#7a5f22 rgb(122,95,34)
```

Triadic Color

#223d7a
```
#223d7a rgb(34,61,122)
```
#5f227a
```
#5f227a rgb(95,34,122)
```
#7a5f22
```
#7a5f22 rgb(122,95,34)
```
#3d7a22
```
#3d7a22 rgb(61,122,34)
```

Tetradic Color

#30113e
```
#30113e rgb(48,17,62)
```
#401752
```
#401752 rgb(64,23,82)
```
#4f1c66
```
#4f1c66 rgb(79,28,102)
```
#5f227a
```
#5f227a rgb(95,34,122)
```
#6f288e
```
#6f288e rgb(111,40,142)
```
#7e2da2
```
#7e2da2 rgb(126,45,162)
```
#8e33b6
```
#8e33b6 rgb(142,51,182)
```

Monochromatic Color

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

#49227a
```
#49227a rgb(73,34,122)
```
#50227a
```
#50227a rgb(80,34,122)
```
#58227a
```
#58227a rgb(88,34,122)
```
#5f227a
```
#5f227a rgb(95,34,122)
```
#66227a
```
#66227a rgb(102,34,122)
```
#6e227a
```
#6e227a rgb(110,34,122)
```
#75227a
```
#75227a rgb(117,34,122)
```

Similar Colors

Text with hexadecimal color #5f227a

This text has a font color of #5f227a.

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

#5f227a background color

This paragraph has a background color of #5f227a.

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

#5f227a border color

This element has a border color of #5f227a.

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

CSS codes

.text {color:#5f227a;}

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

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

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)
```
#230d2d
```
#230d2d rgb(35,13,45)
```
#2f113d
```
#2f113d rgb(47,17,61)
```
#3b154c
```
#3b154c rgb(59,21,76)
```
#47195b
```
#47195b rgb(71,25,91)
```
#531e6b
```
#531e6b rgb(83,30,107)
```
#5f227a
```
#5f227a rgb(95,34,122)
```
#6b2689
```
#6b2689 rgb(107,38,137)
```
#772b99
```
#772b99 rgb(119,43,153)
```
#832fa8
```
#832fa8 rgb(131,47,168)
```
#8f33b7
```
#8f33b7 rgb(143,51,183)
```
#9b37c7
```
#9b37c7 rgb(155,55,199)
```

Shade Color Variation

#a346cb
```
#a346cb rgb(163,70,203)
```
#aa56d0
```
#aa56d0 rgb(170,86,208)
```
#b265d4
```
#b265d4 rgb(178,101,212)
```
#ba74d8
```
#ba74d8 rgb(186,116,216)
```
#c184dd
```
#c184dd rgb(193,132,221)
```
#c993e1
```
#c993e1 rgb(201,147,225)
```
#d1a2e5
```
#d1a2e5 rgb(209,162,229)
```
#d8b2e9
```
#d8b2e9 rgb(216,178,233)
```
#e0c1ee
```
#e0c1ee rgb(224,193,238)
```
#e8d0f2
```
#e8d0f2 rgb(232,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 #6b0498 is the most saturated one.

#4f4c50
```
#4f4c50 rgb(79,76,80)
```
#514656
```
#514656 rgb(81,70,86)
```
#53405c
```
#53405c rgb(83,64,92)
```
#563a62
```
#563a62 rgb(86,58,98)
```
#583468
```
#583468 rgb(88,52,104)
```
#5a2e6e
```
#5a2e6e rgb(90,46,110)
```
#5d2874
```
#5d2874 rgb(93,40,116)
```
#5f227a
```
#5f227a rgb(95,34,122)
```
#611c80
```
#611c80 rgb(97,28,128)
```
#641686
```
#641686 rgb(100,22,134)
```
#66108c
```
#66108c rgb(102,16,140)
```
#680a92
```
#680a92 rgb(104,10,146)
```
#6b0498
```
#6b0498 rgb(107,4,152)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#45384a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00468a Protanopia 1% of men
#1f4978 Deuteranopia 1% of men
#5c4146 Tritanopia 0.001% of the population

Trichromacy

#223984 Protanomaly 1% of men, 0.01% of women
#363b78 Deuteranomaly 6% of men, 0.4% of women
#5d3659 Tritanomaly 0.01% of the population

#5f227a hex color

#5f227a Color Information

#5f227a Color Conversion

Color Schemes with #5f227a

Alternatives to #5f227a

#5f227a Preview

Shades and Tints of #5f227a

Tones of #5f227a

Color Blindness Simulator