#5a2be2 hex color

In a RGB color space, hex #5a2be2 is composed of 35.3% red, 16.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 81% magenta, 0% yellow and 11.4% black. It has a hue angle of 255.4 degrees, a saturation of 75.9% and a lightness of 52.7%. #5a2be2 color hex could be obtained by blending #b456ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 17
- B 89
RGB color chart
- C 60
- M 81
- Y 0
- K 11
CMYK color chart

● #5a2be2 color description : Bright violet.

The hexadecimal color #5a2be2 has RGB values of R:90, G:43, B:226 and CMYK values of C:0.6, M:0.81, Y:0, K:0.11. Its decimal value is 5909474.

Hex triplet	5a2be2	`#5a2be2`
RGB Decimal	90, 43, 226	`rgb(90,43,226)`
RGB Percent	35.3, 16.9, 88.6	`rgb(35.3%,16.9%,88.6%)`
CMYK	60, 81, 0, 11
HSL	255.4°, 75.9, 52.7	`hsl(255.4,75.9%,52.7%)`
HSV (or HSB)	255.4°, 81, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.728, 64.076, -83.951
XYZ	18.805, 9.392, 72.769
xyY	0.186, 0.093, 9.392
CIE-LCH	36.728, 105.61, 307.353
CIE-LUV	36.728, 0.555, -116.843
Hunter-Lab	30.646, 55.902, -119.332
Binary	01011010, 00101011, 11100010

#5a2be2
```
#5a2be2 rgb(90,43,226)
```
#b3e22b
```
#b3e22b rgb(179,226,43)
```

Complementary Color

#2b58e2
```
#2b58e2 rgb(43,88,226)
```
#5a2be2
```
#5a2be2 rgb(90,43,226)
```
#b62be2
```
#b62be2 rgb(182,43,226)
```

Analogous Color

#58e22b
```
#58e22b rgb(88,226,43)
```
#5a2be2
```
#5a2be2 rgb(90,43,226)
```
#e2b62b
```
#e2b62b rgb(226,182,43)
```

Split Complementary Color

#2be25a
```
#2be25a rgb(43,226,90)
```
#5a2be2
```
#5a2be2 rgb(90,43,226)
```
#e25a2b
```
#e25a2b rgb(226,90,43)
```

Triadic Color

#2bb3e2
```
#2bb3e2 rgb(43,179,226)
```
#5a2be2
```
#5a2be2 rgb(90,43,226)
```
#e25a2b
```
#e25a2b rgb(226,90,43)
```
#b3e22b
```
#b3e22b rgb(179,226,43)
```

Tetradic Color

#3d17a9
```
#3d17a9 rgb(61,23,169)
```
#451ac0
```
#451ac0 rgb(69,26,192)
```
#4d1dd6
```
#4d1dd6 rgb(77,29,214)
```
#5a2be2
```
#5a2be2 rgb(90,43,226)
```
#6b41e5
```
#6b41e5 rgb(107,65,229)
```
#7d58e8
```
#7d58e8 rgb(125,88,232)
```
#8e6eeb
```
#8e6eeb rgb(142,110,235)
```

Monochromatic Color

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

#2c2be2
```
#2c2be2 rgb(44,43,226)
```
#3c2be2
```
#3c2be2 rgb(60,43,226)
```
#4b2be2
```
#4b2be2 rgb(75,43,226)
```
#5a2be2
```
#5a2be2 rgb(90,43,226)
```
#692be2
```
#692be2 rgb(105,43,226)
```
#792be2
```
#792be2 rgb(121,43,226)
```
#882be2
```
#882be2 rgb(136,43,226)
```

Similar Colors

Text with hexadecimal color #5a2be2

This text has a font color of #5a2be2.

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

#5a2be2 background color

This paragraph has a background color of #5a2be2.

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

#5a2be2 border color

This element has a border color of #5a2be2.

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

CSS codes

.text {color:#5a2be2;}

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

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

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

#04020c
```
#04020c rgb(4,2,12)
```
#0b041e
```
#0b041e rgb(11,4,30)
```
#11062f
```
#11062f rgb(17,6,47)
```
#170940
```
#170940 rgb(23,9,64)
```
#1d0b51
```
#1d0b51 rgb(29,11,81)
```
#230d63
```
#230d63 rgb(35,13,99)
```
#2a1074
```
#2a1074 rgb(42,16,116)
```
#301285
```
#301285 rgb(48,18,133)
```
#361596
```
#361596 rgb(54,21,150)
```
#3c17a8
```
#3c17a8 rgb(60,23,168)
```
#4219b9
```
#4219b9 rgb(66,25,185)
```
#481cca
```
#481cca rgb(72,28,202)
```
#4f1edb
```
#4f1edb rgb(79,30,219)
```

Shade Color Variation

#5a2be2
```
#5a2be2 rgb(90,43,226)
```
#673ce4
```
#673ce4 rgb(103,60,228)
```
#754ee7
```
#754ee7 rgb(117,78,231)
```
#825fe9
```
#825fe9 rgb(130,95,233)
```
#9070eb
```
#9070eb rgb(144,112,235)
```
#9d81ee
```
#9d81ee rgb(157,129,238)
```
#ab93f0
```
#ab93f0 rgb(171,147,240)
```
#b8a4f3
```
#b8a4f3 rgb(184,164,243)
```
#c5b5f5
```
#c5b5f5 rgb(197,181,245)
```
#d3c6f7
```
#d3c6f7 rgb(211,198,247)
```
#e0d8fa
```
#e0d8fa rgb(224,216,250)
```
#eee9fc
```
#eee9fc rgb(238,233,252)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#837e8f
```
#837e8f rgb(131,126,143)
```
#7e7598
```
#7e7598 rgb(126,117,152)
```
#7a6ca1
```
#7a6ca1 rgb(122,108,161)
```
#7563aa
```
#7563aa rgb(117,99,170)
```
#7159b4
```
#7159b4 rgb(113,89,180)
```
#6c50bd
```
#6c50bd rgb(108,80,189)
```
#6847c6
```
#6847c6 rgb(104,71,198)
```
#633ecf
```
#633ecf rgb(99,62,207)
```
#5f34d9
```
#5f34d9 rgb(95,52,217)
```
#5a2be2
```
#5a2be2 rgb(90,43,226)
```
#5522eb
```
#5522eb rgb(85,34,235)
```
#5118f5
```
#5118f5 rgb(81,24,245)
```
#4c0ffe
```
#4c0ffe rgb(76,15,254)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#50476c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#204ac4 Protanomaly 1% of men, 0.01% of women
#204db5 Deuteranomaly 6% of men, 0.4% of women
#205299 Tritanomaly 0.01% of the population

#5a2be2 hex color

#5a2be2 Color Information

#5a2be2 Color Conversion

Color Schemes with #5a2be2

Alternatives to #5a2be2

#5a2be2 Preview

Shades and Tints of #5a2be2

Tones of #5a2be2

Color Blindness Simulator