#5a2278 hex color

In a RGB color space, hex #5a2278 is composed of 35.3% red, 13.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 71.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 279.1 degrees, a saturation of 55.8% and a lightness of 30.2%. #5a2278 color hex could be obtained by blending #b444f0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 13
- B 47
RGB color chart
- C 25
- M 72
- Y 0
- K 53
CMYK color chart

● #5a2278 color description : Dark violet.

The hexadecimal color #5a2278 has RGB values of R:90, G:34, B:120 and CMYK values of C:0.25, M:0.72, Y:0, K:0.53. Its decimal value is 5907064.

Hex triplet	5a2278	`#5a2278`
RGB Decimal	90, 34, 120	`rgb(90,34,120)`
RGB Percent	35.3, 13.3, 47.1	`rgb(35.3%,13.3%,47.1%)`
CMYK	25, 72, 0, 53
HSL	279.1°, 55.8, 30.2	`hsl(279.1,55.8%,30.2%)`
HSV (or HSB)	279.1°, 71.7, 47.1
Web Safe	663366	`#663366`

CIE-LAB	25.785, 40.629, -38.208
XYZ	8.178, 4.674, 18.24
xyY	0.263, 0.15, 4.674
CIE-LCH	25.785, 55.772, 316.759
CIE-LUV	25.785, 16.126, -50.974
Hunter-Lab	21.619, 29.689, -34.887
Binary	01011010, 00100010, 01111000

#5a2278
```
#5a2278 rgb(90,34,120)
```
#407822
```
#407822 rgb(64,120,34)
```

Complementary Color

#2f2278
```
#2f2278 rgb(47,34,120)
```
#5a2278
```
#5a2278 rgb(90,34,120)
```
#78226b
```
#78226b rgb(120,34,107)
```

Analogous Color

#22782f
```
#22782f rgb(34,120,47)
```
#5a2278
```
#5a2278 rgb(90,34,120)
```
#6b7822
```
#6b7822 rgb(107,120,34)
```

Split Complementary Color

#22785a
```
#22785a rgb(34,120,90)
```
#5a2278
```
#5a2278 rgb(90,34,120)
```
#785a22
```
#785a22 rgb(120,90,34)
```

Triadic Color

#224078
```
#224078 rgb(34,64,120)
```
#5a2278
```
#5a2278 rgb(90,34,120)
```
#785a22
```
#785a22 rgb(120,90,34)
```
#407822
```
#407822 rgb(64,120,34)
```

Tetradic Color

#2d113c
```
#2d113c rgb(45,17,60)
```
#3c1750
```
#3c1750 rgb(60,23,80)
```
#4b1c64
```
#4b1c64 rgb(75,28,100)
```
#5a2278
```
#5a2278 rgb(90,34,120)
```
#69288c
```
#69288c rgb(105,40,140)
```
#782da0
```
#782da0 rgb(120,45,160)
```
#8733b4
```
#8733b4 rgb(135,51,180)
```

Monochromatic Color

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

#442278
```
#442278 rgb(68,34,120)
```
#4c2278
```
#4c2278 rgb(76,34,120)
```
#532278
```
#532278 rgb(83,34,120)
```
#5a2278
```
#5a2278 rgb(90,34,120)
```
#612278
```
#612278 rgb(97,34,120)
```
#682278
```
#682278 rgb(104,34,120)
```
#702278
```
#702278 rgb(112,34,120)
```

Similar Colors

Text with hexadecimal color #5a2278

This text has a font color of #5a2278.

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

#5a2278 background color

This paragraph has a background color of #5a2278.

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

#5a2278 border color

This element has a border color of #5a2278.

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

CSS codes

.text {color:#5a2278;}

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

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

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

#0a040d
```
#0a040d rgb(10,4,13)
```
#15081c
```
#15081c rgb(21,8,28)
```
#210c2c
```
#210c2c rgb(33,12,44)
```
#2c113b
```
#2c113b rgb(44,17,59)
```
#38154a
```
#38154a rgb(56,21,74)
```
#431959
```
#431959 rgb(67,25,89)
```
#4f1e69
```
#4f1e69 rgb(79,30,105)
```
#5a2278
```
#5a2278 rgb(90,34,120)
```
#652687
```
#652687 rgb(101,38,135)
```
#712b97
```
#712b97 rgb(113,43,151)
```
#7c2fa6
```
#7c2fa6 rgb(124,47,166)
```
#8833b5
```
#8833b5 rgb(136,51,181)
```
#9338c4
```
#9338c4 rgb(147,56,196)
```

Shade Color Variation

#9c45ca
```
#9c45ca rgb(156,69,202)
```
#a455cf
```
#a455cf rgb(164,85,207)
```
#ac64d3
```
#ac64d3 rgb(172,100,211)
```
#b473d7
```
#b473d7 rgb(180,115,215)
```
#bd82dc
```
#bd82dc rgb(189,130,220)
```
#c592e0
```
#c592e0 rgb(197,146,224)
```
#cda1e4
```
#cda1e4 rgb(205,161,228)
```
#d5b0e9
```
#d5b0e9 rgb(213,176,233)
```
#ddc0ed
```
#ddc0ed rgb(221,192,237)
```
#e5cff1
```
#e5cff1 rgb(229,207,241)
```
#eddef6
```
#eddef6 rgb(237,222,246)
```
#f6edfa
```
#f6edfa rgb(246,237,250)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#4d4b4f
```
#4d4b4f rgb(77,75,79)
```
#4f4654
```
#4f4654 rgb(79,70,84)
```
#51405a
```
#51405a rgb(81,64,90)
```
#533a60
```
#533a60 rgb(83,58,96)
```
#553466
```
#553466 rgb(85,52,102)
```
#562e6c
```
#562e6c rgb(86,46,108)
```
#582872
```
#582872 rgb(88,40,114)
```
#5a2278
```
#5a2278 rgb(90,34,120)
```
#5c1c7e
```
#5c1c7e rgb(92,28,126)
```
#5e1684
```
#5e1684 rgb(94,22,132)
```
#5f108a
```
#5f108a rgb(95,16,138)
```
#610a90
```
#610a90 rgb(97,10,144)
```
#630496
```
#630496 rgb(99,4,150)
```

Tone Color Variation

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

#004587 Protanopia 1% of men
#184876 Deuteranopia 1% of men
#574145 Tritanopia 0.001% of the population

Trichromacy

#203881 Protanomaly 1% of men, 0.01% of women
#303a77 Deuteranomaly 6% of men, 0.4% of women
#583558 Tritanomaly 0.01% of the population

#5a2278 hex color

#5a2278 Color Information

#5a2278 Color Conversion

Color Schemes with #5a2278

Alternatives to #5a2278

#5a2278 Preview

Shades and Tints of #5a2278

Tones of #5a2278

Color Blindness Simulator