colorhexa.com

#5a2277 hex color

In a RGB color space, hex #5a2277 is composed of 35.3% red, 13.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 71.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 279.5 degrees, a saturation of 55.6% and a lightness of 30%. #5a2277 color hex could be obtained by blending #b444ee with #000000. Closest websafe color is: #663366.

- R 35
- G 13
- B 47
RGB color chart
- C 24
- M 71
- Y 0
- K 53
CMYK color chart

● #5a2277 color description : Dark violet.

The hexadecimal color #5a2277 has RGB values of R:90, G:34, B:119 and CMYK values of C:0.24, M:0.71, Y:0, K:0.53. Its decimal value is 5907063.

Hex triplet	5a2277	`#5a2277`
RGB Decimal	90, 34, 119	`rgb(90,34,119)`
RGB Percent	35.3, 13.3, 46.7	`rgb(35.3%,13.3%,46.7%)`
CMYK	24, 71, 0, 53
HSL	279.5°, 55.6, 30	`hsl(279.5,55.6%,30%)`
HSV (or HSB)	279.5°, 71.4, 46.7
Web Safe	663366	`#663366`

CIE-LAB	25.713, 40.395, -37.687
XYZ	8.118, 4.65, 17.922
xyY	0.265, 0.152, 4.65
CIE-LCH	25.713, 55.246, 316.986
CIE-LUV	25.713, 16.327, -50.278
Hunter-Lab	21.564, 29.462, -34.182
Binary	01011010, 00100010, 01110111

#5a2277
```
#5a2277 rgb(90,34,119)
```
#3f7722
```
#3f7722 rgb(63,119,34)
```

Complementary Color

#302277
```
#302277 rgb(48,34,119)
```
#5a2277
```
#5a2277 rgb(90,34,119)
```
#77226a
```
#77226a rgb(119,34,106)
```

Analogous Color

#227730
```
#227730 rgb(34,119,48)
```
#5a2277
```
#5a2277 rgb(90,34,119)
```
#6a7722
```
#6a7722 rgb(106,119,34)
```

Split Complementary Color

#22775a
```
#22775a rgb(34,119,90)
```
#5a2277
```
#5a2277 rgb(90,34,119)
```
#775a22
```
#775a22 rgb(119,90,34)
```

Triadic Color

#2d113c
```
#2d113c rgb(45,17,60)
```
#3c174f
```
#3c174f rgb(60,23,79)
```
#4b1c63
```
#4b1c63 rgb(75,28,99)
```
#5a2277
```
#5a2277 rgb(90,34,119)
```
#69288b
```
#69288b rgb(105,40,139)
```
#782d9f
```
#782d9f rgb(120,45,159)
```
#8733b3
```
#8733b3 rgb(135,51,179)
```

Monochromatic Color

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

#452277
```
#452277 rgb(69,34,119)
```
#4c2277
```
#4c2277 rgb(76,34,119)
```
#532277
```
#532277 rgb(83,34,119)
```
#5a2277
```
#5a2277 rgb(90,34,119)
```
#612277
```
#612277 rgb(97,34,119)
```
#682277
```
#682277 rgb(104,34,119)
```
#6f2277
```
#6f2277 rgb(111,34,119)
```

Similar Colors

Text with hexadecimal color #5a2277

This text has a font color of #5a2277.

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

#5a2277 background color

This paragraph has a background color of #5a2277.

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

#5a2277 border color

This element has a border color of #5a2277.

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

CSS codes

.text {color:#5a2277;}

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

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

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, #09030c is the darkest color, while #fdfcfe is the lightest one.

#09030c
```
#09030c rgb(9,3,12)
```
#15081b
```
#15081b rgb(21,8,27)
```
#200c2b
```
#200c2b rgb(32,12,43)
```
#2c113a
```
#2c113a rgb(44,17,58)
```
#371549
```
#371549 rgb(55,21,73)
```
#431958
```
#431958 rgb(67,25,88)
```
#4e1e68
```
#4e1e68 rgb(78,30,104)
```
#5a2277
```
#5a2277 rgb(90,34,119)
```
#662686
```
#662686 rgb(102,38,134)
```
#712b96
```
#712b96 rgb(113,43,150)
```
#7d2fa5
```
#7d2fa5 rgb(125,47,165)
```
#8833b4
```
#8833b4 rgb(136,51,180)
```
#9438c3
```
#9438c3 rgb(148,56,195)
```

Shade Color Variation

#9c45ca
```
#9c45ca rgb(156,69,202)
```
#a554ce
```
#a554ce rgb(165,84,206)
```
#ad63d3
```
#ad63d3 rgb(173,99,211)
```
#b573d7
```
#b573d7 rgb(181,115,215)
```
#bd82db
```
#bd82db rgb(189,130,219)
```
#c591e0
```
#c591e0 rgb(197,145,224)
```
#cda0e4
```
#cda0e4 rgb(205,160,228)
```
#d5b0e8
```
#d5b0e8 rgb(213,176,232)
```
#ddbfed
```
#ddbfed rgb(221,191,237)
```
#e5cef1
```
#e5cef1 rgb(229,206,241)
```
#edddf5
```
#edddf5 rgb(237,221,245)
```
#f5edfa
```
#f5edfa rgb(245,237,250)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#4d4b4e
```
#4d4b4e rgb(77,75,78)
```
#4f4554
```
#4f4554 rgb(79,69,84)
```
#513f5a
```
#513f5a rgb(81,63,90)
```
#533a5f
```
#533a5f rgb(83,58,95)
```
#543465
```
#543465 rgb(84,52,101)
```
#562e6b
```
#562e6b rgb(86,46,107)
```
#582871
```
#582871 rgb(88,40,113)
```
#5a2277
```
#5a2277 rgb(90,34,119)
```
#5c1c7d
```
#5c1c7d rgb(92,28,125)
```
#5e1683
```
#5e1683 rgb(94,22,131)
```
#601089
```
#601089 rgb(96,16,137)
```
#610a8f
```
#610a8f rgb(97,10,143)
```
#630594
```
#630594 rgb(99,5,148)
```

Tone Color Variation

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

Dichromacy

#004486 Protanopia 1% of men
#1a4775 Deuteranopia 1% of men
#574045 Tritanopia 0.001% of the population

Trichromacy

#203881 Protanomaly 1% of men, 0.01% of women
#313a76 Deuteranomaly 6% of men, 0.4% of women
#583557 Tritanomaly 0.01% of the population