#5a2777 hex color

In a RGB color space, hex #5a2777 is composed of 35.3% red, 15.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 67.2% magenta, 0% yellow and 53.3% black. It has a hue angle of 278.3 degrees, a saturation of 50.6% and a lightness of 31%. #5a2777 color hex could be obtained by blending #b44eee with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 15
- B 47
RGB color chart
- C 24
- M 67
- Y 0
- K 53
CMYK color chart

● #5a2777 color description : Dark moderate violet.

The hexadecimal color #5a2777 has RGB values of R:90, G:39, B:119 and CMYK values of C:0.24, M:0.67, Y:0, K:0.53. Its decimal value is 5908343.

Hex triplet	5a2777	`#5a2777`
RGB Decimal	90, 39, 119	`rgb(90,39,119)`
RGB Percent	35.3, 15.3, 46.7	`rgb(35.3%,15.3%,46.7%)`
CMYK	24, 67, 0, 53
HSL	278.3°, 50.6, 31	`hsl(278.3,50.6%,31%)`
HSV (or HSB)	278.3°, 67.2, 46.7
Web Safe	663366	`#663366`

CIE-LAB	26.611, 37.902, -36.243
XYZ	8.271, 4.957, 17.973
xyY	0.265, 0.159, 4.957
CIE-LCH	26.611, 52.441, 316.282
CIE-LUV	26.611, 15.383, -48.991
Hunter-Lab	22.264, 27.353, -32.278
Binary	01011010, 00100111, 01110111

#5a2777
```
#5a2777 rgb(90,39,119)
```
#447727
```
#447727 rgb(68,119,39)
```

Complementary Color

#322777
```
#322777 rgb(50,39,119)
```
#5a2777
```
#5a2777 rgb(90,39,119)
```
#77276c
```
#77276c rgb(119,39,108)
```

Analogous Color

#277732
```
#277732 rgb(39,119,50)
```
#5a2777
```
#5a2777 rgb(90,39,119)
```
#6c7727
```
#6c7727 rgb(108,119,39)
```

Split Complementary Color

#27775a
```
#27775a rgb(39,119,90)
```
#5a2777
```
#5a2777 rgb(90,39,119)
```
#775a27
```
#775a27 rgb(119,90,39)
```

Triadic Color

#274477
```
#274477 rgb(39,68,119)
```
#5a2777
```
#5a2777 rgb(90,39,119)
```
#775a27
```
#775a27 rgb(119,90,39)
```
#447727
```
#447727 rgb(68,119,39)
```

Tetradic Color

#2e143d
```
#2e143d rgb(46,20,61)
```
#3d1a51
```
#3d1a51 rgb(61,26,81)
```
#4b2164
```
#4b2164 rgb(75,33,100)
```
#5a2777
```
#5a2777 rgb(90,39,119)
```
#692d8a
```
#692d8a rgb(105,45,138)
```
#77349d
```
#77349d rgb(119,52,157)
```
#863ab1
```
#863ab1 rgb(134,58,177)
```

Monochromatic Color

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

#462777
```
#462777 rgb(70,39,119)
```
#4d2777
```
#4d2777 rgb(77,39,119)
```
#532777
```
#532777 rgb(83,39,119)
```
#5a2777
```
#5a2777 rgb(90,39,119)
```
#612777
```
#612777 rgb(97,39,119)
```
#672777
```
#672777 rgb(103,39,119)
```
#6e2777
```
#6e2777 rgb(110,39,119)
```

Similar Colors

Text with hexadecimal color #5a2777

This text has a font color of #5a2777.

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

#5a2777 background color

This paragraph has a background color of #5a2777.

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

#5a2777 border color

This element has a border color of #5a2777.

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

CSS codes

.text {color:#5a2777;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0c0510
```
#0c0510 rgb(12,5,16)
```
#170a1e
```
#170a1e rgb(23,10,30)
```
#220f2d
```
#220f2d rgb(34,15,45)
```
#2d143c
```
#2d143c rgb(45,20,60)
```
#38184b
```
#38184b rgb(56,24,75)
```
#441d59
```
#441d59 rgb(68,29,89)
```
#4f2268
```
#4f2268 rgb(79,34,104)
```
#5a2777
```
#5a2777 rgb(90,39,119)
```
#652c86
```
#652c86 rgb(101,44,134)
```
#703195
```
#703195 rgb(112,49,149)
```
#7c36a3
```
#7c36a3 rgb(124,54,163)
```
#873ab2
```
#873ab2 rgb(135,58,178)
```

Shade Color Variation

#9240c0
```
#9240c0 rgb(146,64,192)
```
#9a4fc5
```
#9a4fc5 rgb(154,79,197)
```
#a35dca
```
#a35dca rgb(163,93,202)
```
#ab6ccf
```
#ab6ccf rgb(171,108,207)
```
#b37bd4
```
#b37bd4 rgb(179,123,212)
```
#bc8ad9
```
#bc8ad9 rgb(188,138,217)
```
#c498dd
```
#c498dd rgb(196,152,221)
```
#cda7e2
```
#cda7e2 rgb(205,167,226)
```
#d5b6e7
```
#d5b6e7 rgb(213,182,231)
```
#dec5ec
```
#dec5ec rgb(222,197,236)
```
#e6d3f1
```
#e6d3f1 rgb(230,211,241)
```
#efe2f6
```
#efe2f6 rgb(239,226,246)
```
#f7f1fa
```
#f7f1fa rgb(247,241,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #504b53 is the less saturated color, while #64039b is the most saturated one.

#504b53
```
#504b53 rgb(80,75,83)
```
#524559
```
#524559 rgb(82,69,89)
```
#533f5f
```
#533f5f rgb(83,63,95)
```
#553965
```
#553965 rgb(85,57,101)
```
#57336b
```
#57336b rgb(87,51,107)
```
#582d71
```
#582d71 rgb(88,45,113)
```
#5a2777
```
#5a2777 rgb(90,39,119)
```
#5c217d
```
#5c217d rgb(92,33,125)
```
#5d1b83
```
#5d1b83 rgb(93,27,131)
```
#5f1589
```
#5f1589 rgb(95,21,137)
```
#610f8f
```
#610f8f rgb(97,15,143)
```
#620995
```
#620995 rgb(98,9,149)
```
#64039b
```
#64039b rgb(100,3,155)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#443a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00468a Protanopia 1% of men
#234976 Deuteranopia 1% of men
#584348 Tritanopia 0.001% of the population

Trichromacy

#203b83 Protanomaly 1% of men, 0.01% of women
#373d76 Deuteranomaly 6% of men, 0.4% of women
#583959 Tritanomaly 0.01% of the population

#5a2777 hex color

#5a2777 Color Information

#5a2777 Color Conversion

Color Schemes with #5a2777

Alternatives to #5a2777

#5a2777 Preview

Shades and Tints of #5a2777

Tones of #5a2777

Color Blindness Simulator