#5f229a hex color

In a RGB color space, hex #5f229a is composed of 37.3% red, 13.3% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 77.9% magenta, 0% yellow and 39.6% black. It has a hue angle of 270.5 degrees, a saturation of 63.8% and a lightness of 36.9%. #5f229a color hex could be obtained by blending #be44ff with #000035. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 37
- G 13
- B 60
RGB color chart
- C 38
- M 78
- Y 0
- K 40
CMYK color chart

● #5f229a color description : Dark violet.

The hexadecimal color #5f229a has RGB values of R:95, G:34, B:154 and CMYK values of C:0.38, M:0.78, Y:0, K:0.4. Its decimal value is 6234778.

Hex triplet	5f229a	`#5f229a`
RGB Decimal	95, 34, 154	`rgb(95,34,154)`
RGB Percent	37.3, 13.3, 60.4	`rgb(37.3%,13.3%,60.4%)`
CMYK	38, 78, 0, 40
HSL	270.5°, 63.8, 36.9	`hsl(270.5,63.8%,36.9%)`
HSV (or HSB)	270.5°, 77.9, 60.4
Web Safe	663399	`#663399`

CIE-LAB	29.185, 49.807, -53.844
XYZ	11.123, 5.91, 31.125
xyY	0.231, 0.123, 5.91
CIE-LCH	29.185, 73.348, 312.769
CIE-LUV	29.185, 12.335, -73.204
Hunter-Lab	24.311, 39.127, -58.891
Binary	01011111, 00100010, 10011010

#5f229a
```
#5f229a rgb(95,34,154)
```
#5d9a22
```
#5d9a22 rgb(93,154,34)
```

Complementary Color

#23229a
```
#23229a rgb(35,34,154)
```
#5f229a
```
#5f229a rgb(95,34,154)
```
#9a2299
```
#9a2299 rgb(154,34,153)
```

Analogous Color

#229a23
```
#229a23 rgb(34,154,35)
```
#5f229a
```
#5f229a rgb(95,34,154)
```
#999a22
```
#999a22 rgb(153,154,34)
```

Split Complementary Color

#229a5f
```
#229a5f rgb(34,154,95)
```
#5f229a
```
#5f229a rgb(95,34,154)
```
#9a5f22
```
#9a5f22 rgb(154,95,34)
```

Triadic Color

#225d9a
```
#225d9a rgb(34,93,154)
```
#5f229a
```
#5f229a rgb(95,34,154)
```
#9a5f22
```
#9a5f22 rgb(154,95,34)
```
#5d9a22
```
#5d9a22 rgb(93,154,34)
```

Tetradic Color

#38145b
```
#38145b rgb(56,20,91)
```
#451970
```
#451970 rgb(69,25,112)
```
#521d85
```
#521d85 rgb(82,29,133)
```
#5f229a
```
#5f229a rgb(95,34,154)
```
#6c27af
```
#6c27af rgb(108,39,175)
```
#792bc4
```
#792bc4 rgb(121,43,196)
```
#8636d3
```
#8636d3 rgb(134,54,211)
```

Monochromatic Color

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

#41229a
```
#41229a rgb(65,34,154)
```
#4b229a
```
#4b229a rgb(75,34,154)
```
#55229a
```
#55229a rgb(85,34,154)
```
#5f229a
```
#5f229a rgb(95,34,154)
```
#69229a
```
#69229a rgb(105,34,154)
```
#73229a
```
#73229a rgb(115,34,154)
```
#7d229a
```
#7d229a rgb(125,34,154)
```

Similar Colors

Text with hexadecimal color #5f229a

This text has a font color of #5f229a.

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

#5f229a background color

This paragraph has a background color of #5f229a.

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

#5f229a border color

This element has a border color of #5f229a.

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

CSS codes

.text {color:#5f229a;}

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

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

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

#060209
```
#060209 rgb(6,2,9)
```
#100619
```
#100619 rgb(16,6,25)
```
#1a092a
```
#1a092a rgb(26,9,42)
```
#240d3a
```
#240d3a rgb(36,13,58)
```
#2d104a
```
#2d104a rgb(45,16,74)
```
#37145a
```
#37145a rgb(55,20,90)
```
#41176a
```
#41176a rgb(65,23,106)
```
#4b1b7a
```
#4b1b7a rgb(75,27,122)
```
#551e8a
```
#551e8a rgb(85,30,138)
```
#5f229a
```
#5f229a rgb(95,34,154)
```
#6926aa
```
#6926aa rgb(105,38,170)
```
#7329ba
```
#7329ba rgb(115,41,186)
```
#7d2dca
```
#7d2dca rgb(125,45,202)
```

Shade Color Variation

#8738d3
```
#8738d3 rgb(135,56,211)
```
#9048d7
```
#9048d7 rgb(144,72,215)
```
#9a58da
```
#9a58da rgb(154,88,218)
```
#a468de
```
#a468de rgb(164,104,222)
```
#ad78e1
```
#ad78e1 rgb(173,120,225)
```
#b788e5
```
#b788e5 rgb(183,136,229)
```
#c198e8
```
#c198e8 rgb(193,152,232)
```
#caa8ec
```
#caa8ec rgb(202,168,236)
```
#d4b8ef
```
#d4b8ef rgb(212,184,239)
```
#dec8f3
```
#dec8f3 rgb(222,200,243)
```
#e8d8f6
```
#e8d8f6 rgb(232,216,246)
```
#f1e8fa
```
#f1e8fa rgb(241,232,250)
```
#fbf8fe
```
#fbf8fe rgb(251,248,254)
```

Tint Color Variation

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

#5e5c60
```
#5e5c60 rgb(94,92,96)
```
#5e5567
```
#5e5567 rgb(94,85,103)
```
#5e4d6f
```
#5e4d6f rgb(94,77,111)
```
#5e4676
```
#5e4676 rgb(94,70,118)
```
#5f3f7d
```
#5f3f7d rgb(95,63,125)
```
#5f3884
```
#5f3884 rgb(95,56,132)
```
#5f308c
```
#5f308c rgb(95,48,140)
```
#5f2993
```
#5f2993 rgb(95,41,147)
```
#5f229a
```
#5f229a rgb(95,34,154)
```
#5f1ba1
```
#5f1ba1 rgb(95,27,161)
```
#5f14a8
```
#5f14a8 rgb(95,20,168)
```
#5f0cb0
```
#5f0cb0 rgb(95,12,176)
```
#5f05b7
```
#5f05b7 rgb(95,5,183)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#483c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005082 Deuteranopia 1% of men
#534c51 Tritanopia 0.001% of the population

Trichromacy

#223c96 Protanomaly 1% of men, 0.01% of women
#223f8b Deuteranomaly 6% of men, 0.4% of women
#573d6c Tritanomaly 0.01% of the population

#5f229a hex color

#5f229a Color Information

#5f229a Color Conversion

Color Schemes with #5f229a

Alternatives to #5f229a

#5f229a Preview

Shades and Tints of #5f229a

Tones of #5f229a

Color Blindness Simulator