#5a30e2 hex color

In a RGB color space, hex #5a30e2 is composed of 35.3% red, 18.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 78.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 254.2 degrees, a saturation of 75.4% and a lightness of 53.7%. #5a30e2 color hex could be obtained by blending #b460ff with #0000c5. Closest websafe color is: #6633cc.

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

● #5a30e2 color description : Bright blue.

The hexadecimal color #5a30e2 has RGB values of R:90, G:48, B:226 and CMYK values of C:0.6, M:0.79, Y:0, K:0.11. Its decimal value is 5910754.

Hex triplet	5a30e2	`#5a30e2`
RGB Decimal	90, 48, 226	`rgb(90,48,226)`
RGB Percent	35.3, 18.8, 88.6	`rgb(35.3%,18.8%,88.6%)`
CMYK	60, 79, 0, 11
HSL	254.2°, 75.4, 53.7	`hsl(254.2,75.4%,53.7%)`
HSV (or HSB)	254.2°, 78.8, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.441, 61.996, -82.773
XYZ	18.998, 9.778, 72.834
xyY	0.187, 0.096, 9.778
CIE-LCH	37.441, 103.416, 306.833
CIE-LUV	37.441, -0.013, -116.458
Hunter-Lab	31.27, 53.728, -116.21
Binary	01011010, 00110000, 11100010

#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#b8e230
```
#b8e230 rgb(184,226,48)
```

Complementary Color

#305fe2
```
#305fe2 rgb(48,95,226)
```
#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#b330e2
```
#b330e2 rgb(179,48,226)
```

Analogous Color

#5fe230
```
#5fe230 rgb(95,226,48)
```
#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#e2b330
```
#e2b330 rgb(226,179,48)
```

Split Complementary Color

#30e25a
```
#30e25a rgb(48,226,90)
```
#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#e25a30
```
#e25a30 rgb(226,90,48)
```

Triadic Color

#30b8e2
```
#30b8e2 rgb(48,184,226)
```
#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#e25a30
```
#e25a30 rgb(226,90,48)
```
#b8e230
```
#b8e230 rgb(184,226,48)
```

Tetradic Color

#3b18ad
```
#3b18ad rgb(59,24,173)
```
#431bc4
```
#431bc4 rgb(67,27,196)
```
#4b1fda
```
#4b1fda rgb(75,31,218)
```
#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#6c46e5
```
#6c46e5 rgb(108,70,229)
```
#7e5de8
```
#7e5de8 rgb(126,93,232)
```
#8f73eb
```
#8f73eb rgb(143,115,235)
```

Monochromatic Color

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

#3033e2
```
#3033e2 rgb(48,51,226)
```
#3c30e2
```
#3c30e2 rgb(60,48,226)
```
#4b30e2
```
#4b30e2 rgb(75,48,226)
```
#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#6930e2
```
#6930e2 rgb(105,48,226)
```
#7830e2
```
#7830e2 rgb(120,48,226)
```
#8730e2
```
#8730e2 rgb(135,48,226)
```

Similar Colors

Text with hexadecimal color #5a30e2

This text has a font color of #5a30e2.

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

#5a30e2 background color

This paragraph has a background color of #5a30e2.

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

#5a30e2 border color

This element has a border color of #5a30e2.

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

CSS codes

.text {color:#5a30e2;}

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

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

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

#060211
```
#060211 rgb(6,2,17)
```
#0c0522
```
#0c0522 rgb(12,5,34)
```
#120733
```
#120733 rgb(18,7,51)
```
#170a44
```
#170a44 rgb(23,10,68)
```
#1d0c55
```
#1d0c55 rgb(29,12,85)
```
#230e67
```
#230e67 rgb(35,14,103)
```
#291178
```
#291178 rgb(41,17,120)
```
#2f1389
```
#2f1389 rgb(47,19,137)
```
#35169a
```
#35169a rgb(53,22,154)
```
#3b18ac
```
#3b18ac rgb(59,24,172)
```
#411abd
```
#411abd rgb(65,26,189)
```
#471dce
```
#471dce rgb(71,29,206)
```
#4d1fdf
```
#4d1fdf rgb(77,31,223)
```

Shade Color Variation

#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#6841e4
```
#6841e4 rgb(104,65,228)
```
#7552e7
```
#7552e7 rgb(117,82,231)
```
#8364e9
```
#8364e9 rgb(131,100,233)
```
#9175ec
```
#9175ec rgb(145,117,236)
```
#9f86ee
```
#9f86ee rgb(159,134,238)
```
#ac97f0
```
#ac97f0 rgb(172,151,240)
```
#baa8f3
```
#baa8f3 rgb(186,168,243)
```
#c8baf5
```
#c8baf5 rgb(200,186,245)
```
#d5cbf8
```
#d5cbf8 rgb(213,203,248)
```
#e3dcfa
```
#e3dcfa rgb(227,220,250)
```
#f1edfd
```
#f1edfd rgb(241,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#858290
```
#858290 rgb(133,130,144)
```
#807999
```
#807999 rgb(128,121,153)
```
#7c70a2
```
#7c70a2 rgb(124,112,162)
```
#7766ac
```
#7766ac rgb(119,102,172)
```
#725db5
```
#725db5 rgb(114,93,181)
```
#6d54be
```
#6d54be rgb(109,84,190)
```
#684bc7
```
#684bc7 rgb(104,75,199)
```
#6442d0
```
#6442d0 rgb(100,66,208)
```
#5f39d9
```
#5f39d9 rgb(95,57,217)
```
#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#5527eb
```
#5527eb rgb(85,39,235)
```
#501ef4
```
#501ef4 rgb(80,30,244)
```
#4c15fd
```
#4c15fd rgb(76,21,253)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#534a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#204dc6 Protanomaly 1% of men, 0.01% of women
#2050b7 Deuteranomaly 6% of men, 0.4% of women
#20559a Tritanomaly 0.01% of the population

#5a30e2 hex color

#5a30e2 Color Information

#5a30e2 Color Conversion

Color Schemes with #5a30e2

Alternatives to #5a30e2

#5a30e2 Preview

Shades and Tints of #5a30e2

Tones of #5a30e2

Color Blindness Simulator