#5a2ce4 hex color

In a RGB color space, hex #5a2ce4 is composed of 35.3% red, 17.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 80.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 255 degrees, a saturation of 77.3% and a lightness of 53.3%. #5a2ce4 color hex could be obtained by blending #b458ff with #0000c9. Closest websafe color is: #6633cc.

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

● #5a2ce4 color description : Bright blue.

The hexadecimal color #5a2ce4 has RGB values of R:90, G:44, B:228 and CMYK values of C:0.61, M:0.81, Y:0, K:0.11. Its decimal value is 5909732.

Hex triplet	5a2ce4	`#5a2ce4`
RGB Decimal	90, 44, 228	`rgb(90,44,228)`
RGB Percent	35.3, 17.3, 89.4	`rgb(35.3%,17.3%,89.4%)`
CMYK	61, 81, 0, 11
HSL	255°, 77.3, 53.3	`hsl(255,77.3%,53.3%)`
HSV (or HSB)	255°, 80.7, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.07, 64.208, -84.527
XYZ	19.118, 9.576, 74.235
xyY	0.186, 0.093, 9.576
CIE-LCH	37.07, 106.148, 307.221
CIE-LUV	37.07, 0.266, -117.95
Hunter-Lab	30.945, 56.126, -120.573
Binary	01011010, 00101100, 11100100

#5a2ce4
```
#5a2ce4 rgb(90,44,228)
```
#b6e42c
```
#b6e42c rgb(182,228,44)
```

Complementary Color

#2c5ae4
```
#2c5ae4 rgb(44,90,228)
```
#5a2ce4
```
#5a2ce4 rgb(90,44,228)
```
#b62ce4
```
#b62ce4 rgb(182,44,228)
```

Analogous Color

#5ae42c
```
#5ae42c rgb(90,228,44)
```
#5a2ce4
```
#5a2ce4 rgb(90,44,228)
```
#e4b62c
```
#e4b62c rgb(228,182,44)
```

Split Complementary Color

#2ce45a
```
#2ce45a rgb(44,228,90)
```
#5a2ce4
```
#5a2ce4 rgb(90,44,228)
```
#e45a2c
```
#e45a2c rgb(228,90,44)
```

Triadic Color

#2cb6e4
```
#2cb6e4 rgb(44,182,228)
```
#5a2ce4
```
#5a2ce4 rgb(90,44,228)
```
#e45a2c
```
#e45a2c rgb(228,90,44)
```
#b6e42c
```
#b6e42c rgb(182,228,44)
```

Tetradic Color

#3c16ad
```
#3c16ad rgb(60,22,173)
```
#4419c4
```
#4419c4 rgb(68,25,196)
```
#4c1cdb
```
#4c1cdb rgb(76,28,219)
```
#5a2ce4
```
#5a2ce4 rgb(90,44,228)
```
#6c43e7
```
#6c43e7 rgb(108,67,231)
```
#7d59ea
```
#7d59ea rgb(125,89,234)
```
#8f70ed
```
#8f70ed rgb(143,112,237)
```

Monochromatic Color

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

#2c2ce4
```
#2c2ce4 rgb(44,44,228)
```
#3b2ce4
```
#3b2ce4 rgb(59,44,228)
```
#4b2ce4
```
#4b2ce4 rgb(75,44,228)
```
#5a2ce4
```
#5a2ce4 rgb(90,44,228)
```
#692ce4
```
#692ce4 rgb(105,44,228)
```
#792ce4
```
#792ce4 rgb(121,44,228)
```
#882ce4
```
#882ce4 rgb(136,44,228)
```

Similar Colors

Text with hexadecimal color #5a2ce4

This text has a font color of #5a2ce4.

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

#5a2ce4 background color

This paragraph has a background color of #5a2ce4.

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

#5a2ce4 border color

This element has a border color of #5a2ce4.

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

CSS codes

.text {color:#5a2ce4;}

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

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

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, #05020f is the darkest color, while #fdfdff is the lightest one.

#05020f
```
#05020f rgb(5,2,15)
```
#0b0420
```
#0b0420 rgb(11,4,32)
```
#110632
```
#110632 rgb(17,6,50)
```
#170943
```
#170943 rgb(23,9,67)
```
#1d0b55
```
#1d0b55 rgb(29,11,85)
```
#230d66
```
#230d66 rgb(35,13,102)
```
#290f77
```
#290f77 rgb(41,15,119)
```
#2f1289
```
#2f1289 rgb(47,18,137)
```
#35149a
```
#35149a rgb(53,20,154)
```
#3b16ac
```
#3b16ac rgb(59,22,172)
```
#4118bd
```
#4118bd rgb(65,24,189)
```
#471ace
```
#471ace rgb(71,26,206)
```
#4d1de0
```
#4d1de0 rgb(77,29,224)
```

Shade Color Variation

#5a2ce4
```
#5a2ce4 rgb(90,44,228)
```
#683de6
```
#683de6 rgb(104,61,230)
```
#754fe8
```
#754fe8 rgb(117,79,232)
```
#8360eb
```
#8360eb rgb(131,96,235)
```
#9072ed
```
#9072ed rgb(144,114,237)
```
#9e83ef
```
#9e83ef rgb(158,131,239)
```
#ac94f1
```
#ac94f1 rgb(172,148,241)
```
#b9a6f4
```
#b9a6f4 rgb(185,166,244)
```
#c7b7f6
```
#c7b7f6 rgb(199,183,246)
```
#d4c9f8
```
#d4c9f8 rgb(212,201,248)
```
#e2dafa
```
#e2dafa rgb(226,218,250)
```
#f0ebfc
```
#f0ebfc rgb(240,235,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#837e92
```
#837e92 rgb(131,126,146)
```
#7f759b
```
#7f759b rgb(127,117,155)
```
#7a6ca4
```
#7a6ca4 rgb(122,108,164)
```
#7563ad
```
#7563ad rgb(117,99,173)
```
#715ab6
```
#715ab6 rgb(113,90,182)
```
#6c51bf
```
#6c51bf rgb(108,81,191)
```
#6847c9
```
#6847c9 rgb(104,71,201)
```
#633ed2
```
#633ed2 rgb(99,62,210)
```
#5f35db
```
#5f35db rgb(95,53,219)
```
#5a2ce4
```
#5a2ce4 rgb(90,44,228)
```
#5523ed
```
#5523ed rgb(85,35,237)
```
#511af6
```
#511af6 rgb(81,26,246)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#51486d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#204bc6 Protanomaly 1% of men, 0.01% of women
#204eb6 Deuteranomaly 6% of men, 0.4% of women
#20539a Tritanomaly 0.01% of the population

#5a2ce4 hex color

#5a2ce4 Color Information

#5a2ce4 Color Conversion

Color Schemes with #5a2ce4

Alternatives to #5a2ce4

#5a2ce4 Preview

Shades and Tints of #5a2ce4

Tones of #5a2ce4

Color Blindness Simulator