#5a2273 hex color

In a RGB color space, hex #5a2273 is composed of 35.3% red, 13.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 70.4% magenta, 0% yellow and 54.9% black. It has a hue angle of 281.5 degrees, a saturation of 54.4% and a lightness of 29.2%. #5a2273 color hex could be obtained by blending #b444e6 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 13
- B 45
RGB color chart
- C 22
- M 70
- Y 0
- K 55
CMYK color chart

● #5a2273 color description : Dark violet.

The hexadecimal color #5a2273 has RGB values of R:90, G:34, B:115 and CMYK values of C:0.22, M:0.7, Y:0, K:0.55. Its decimal value is 5907059.

Hex triplet	5a2273	`#5a2273`
RGB Decimal	90, 34, 115	`rgb(90,34,115)`
RGB Percent	35.3, 13.3, 45.1	`rgb(35.3%,13.3%,45.1%)`
CMYK	22, 70, 0, 55
HSL	281.5°, 54.4, 29.2	`hsl(281.5,54.4%,29.2%)`
HSV (or HSB)	281.5°, 70.4, 45.1
Web Safe	663366	`#663366`

CIE-LAB	25.43, 39.469, -35.59
XYZ	7.883, 4.556, 16.683
xyY	0.271, 0.156, 4.556
CIE-LCH	25.43, 53.145, 317.958
CIE-LUV	25.43, 17.148, -47.477
Hunter-Lab	21.344, 28.569, -31.401
Binary	01011010, 00100010, 01110011

#5a2273
```
#5a2273 rgb(90,34,115)
```
#3b7322
```
#3b7322 rgb(59,115,34)
```

Complementary Color

#322273
```
#322273 rgb(50,34,115)
```
#5a2273
```
#5a2273 rgb(90,34,115)
```
#732264
```
#732264 rgb(115,34,100)
```

Analogous Color

#227332
```
#227332 rgb(34,115,50)
```
#5a2273
```
#5a2273 rgb(90,34,115)
```
#647322
```
#647322 rgb(100,115,34)
```

Split Complementary Color

#22735a
```
#22735a rgb(34,115,90)
```
#5a2273
```
#5a2273 rgb(90,34,115)
```
#735a22
```
#735a22 rgb(115,90,34)
```

Triadic Color

#223b73
```
#223b73 rgb(34,59,115)
```
#5a2273
```
#5a2273 rgb(90,34,115)
```
#735a22
```
#735a22 rgb(115,90,34)
```
#3b7322
```
#3b7322 rgb(59,115,34)
```

Tetradic Color

#2c1138
```
#2c1138 rgb(44,17,56)
```
#3b164c
```
#3b164c rgb(59,22,76)
```
#4b1c5f
```
#4b1c5f rgb(75,28,95)
```
#5a2273
```
#5a2273 rgb(90,34,115)
```
#692887
```
#692887 rgb(105,40,135)
```
#792e9a
```
#792e9a rgb(121,46,154)
```
#8833ae
```
#8833ae rgb(136,51,174)
```

Monochromatic Color

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

#462273
```
#462273 rgb(70,34,115)
```
#4d2273
```
#4d2273 rgb(77,34,115)
```
#532273
```
#532273 rgb(83,34,115)
```
#5a2273
```
#5a2273 rgb(90,34,115)
```
#612273
```
#612273 rgb(97,34,115)
```
#682273
```
#682273 rgb(104,34,115)
```
#6e2273
```
#6e2273 rgb(110,34,115)
```

Similar Colors

Text with hexadecimal color #5a2273

This text has a font color of #5a2273.

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

#5a2273 background color

This paragraph has a background color of #5a2273.

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

#5a2273 border color

This element has a border color of #5a2273.

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

CSS codes

.text {color:#5a2273;}

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

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

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

#070309
```
#070309 rgb(7,3,9)
```
#130718
```
#130718 rgb(19,7,24)
```
#1f0c27
```
#1f0c27 rgb(31,12,39)
```
#2b1036
```
#2b1036 rgb(43,16,54)
```
#361546
```
#361546 rgb(54,21,70)
```
#421955
```
#421955 rgb(66,25,85)
```
#4e1e64
```
#4e1e64 rgb(78,30,100)
```
#5a2273
```
#5a2273 rgb(90,34,115)
```
#662682
```
#662682 rgb(102,38,130)
```
#722b91
```
#722b91 rgb(114,43,145)
```
#7e2fa0
```
#7e2fa0 rgb(126,47,160)
```
#8934b0
```
#8934b0 rgb(137,52,176)
```
#9538bf
```
#9538bf rgb(149,56,191)
```

Shade Color Variation

#9f43c7
```
#9f43c7 rgb(159,67,199)
```
#a652cc
```
#a652cc rgb(166,82,204)
```
#ae61d0
```
#ae61d0 rgb(174,97,208)
```
#b671d5
```
#b671d5 rgb(182,113,213)
```
#be80d9
```
#be80d9 rgb(190,128,217)
```
#c58fde
```
#c58fde rgb(197,143,222)
```
#cd9ee2
```
#cd9ee2 rgb(205,158,226)
```
#d5ade7
```
#d5ade7 rgb(213,173,231)
```
#ddbceb
```
#ddbceb rgb(221,188,235)
```
#e5cbf0
```
#e5cbf0 rgb(229,203,240)
```
#ecdbf4
```
#ecdbf4 rgb(236,219,244)
```
#f4eaf9
```
#f4eaf9 rgb(244,234,249)
```
#fcf9fd
```
#fcf9fd rgb(252,249,253)
```

Tint Color Variation

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

#4b4a4b
```
#4b4a4b rgb(75,74,75)
```
#4d4451
```
#4d4451 rgb(77,68,81)
```
#4f3f56
```
#4f3f56 rgb(79,63,86)
```
#51395c
```
#51395c rgb(81,57,92)
```
#533362
```
#533362 rgb(83,51,98)
```
#562d68
```
#562d68 rgb(86,45,104)
```
#58286d
```
#58286d rgb(88,40,109)
```
#5a2273
```
#5a2273 rgb(90,34,115)
```
#5c1c79
```
#5c1c79 rgb(92,28,121)
```
#5e177e
```
#5e177e rgb(94,23,126)
```
#611184
```
#611184 rgb(97,17,132)
```
#630b8a
```
#630b8a rgb(99,11,138)
```
#650590
```
#650590 rgb(101,5,144)
```

Tone Color Variation

Below, you can see how #5a2273 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
#423747 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#224772 Deuteranopia 1% of men
#583f44 Tritanopia 0.001% of the population

Trichromacy

#20377e Protanomaly 1% of men, 0.01% of women
#363972 Deuteranomaly 6% of men, 0.4% of women
#593455 Tritanomaly 0.01% of the population

#5a2273 hex color

#5a2273 Color Information

#5a2273 Color Conversion

Color Schemes with #5a2273

Alternatives to #5a2273

#5a2273 Preview

Shades and Tints of #5a2273

Tones of #5a2273

Color Blindness Simulator