#5a30b8 hex color

In a RGB color space, hex #5a30b8 is composed of 35.3% red, 18.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 73.9% magenta, 0% yellow and 27.8% black. It has a hue angle of 258.5 degrees, a saturation of 58.6% and a lightness of 45.5%. #5a30b8 color hex could be obtained by blending #b460ff with #000071. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 19
- B 72
RGB color chart
- C 51
- M 74
- Y 0
- K 28
CMYK color chart

● #5a30b8 color description : Moderate violet.

The hexadecimal color #5a30b8 has RGB values of R:90, G:48, B:184 and CMYK values of C:0.51, M:0.74, Y:0, K:0.28. Its decimal value is 5910712.

Hex triplet	5a30b8	`#5a30b8`
RGB Decimal	90, 48, 184	`rgb(90,48,184)`
RGB Percent	35.3, 18.8, 72.2	`rgb(35.3%,18.8%,72.2%)`
CMYK	51, 74, 0, 28
HSL	258.5°, 58.6, 45.5	`hsl(258.5,58.6%,45.5%)`
HSV (or HSB)	258.5°, 73.9, 72.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.452, 50.42, -64.924
XYZ	13.924, 7.748, 46.107
xyY	0.205, 0.114, 7.748
CIE-LCH	33.452, 82.202, 307.833
CIE-LUV	33.452, 4.182, -90.713
Hunter-Lab	27.835, 40.577, -78.724
Binary	01011010, 00110000, 10111000

#5a30b8
```
#5a30b8 rgb(90,48,184)
```
#8eb830
```
#8eb830 rgb(142,184,48)
```

Complementary Color

#304ab8
```
#304ab8 rgb(48,74,184)
```
#5a30b8
```
#5a30b8 rgb(90,48,184)
```
#9e30b8
```
#9e30b8 rgb(158,48,184)
```

Analogous Color

#4ab830
```
#4ab830 rgb(74,184,48)
```
#5a30b8
```
#5a30b8 rgb(90,48,184)
```
#b89e30
```
#b89e30 rgb(184,158,48)
```

Split Complementary Color

#30b85a
```
#30b85a rgb(48,184,90)
```
#5a30b8
```
#5a30b8 rgb(90,48,184)
```
#b85a30
```
#b85a30 rgb(184,90,48)
```

Triadic Color

#308eb8
```
#308eb8 rgb(48,142,184)
```
#5a30b8
```
#5a30b8 rgb(90,48,184)
```
#b85a30
```
#b85a30 rgb(184,90,48)
```
#8eb830
```
#8eb830 rgb(142,184,48)
```

Tetradic Color

#3c207b
```
#3c207b rgb(60,32,123)
```
#462590
```
#462590 rgb(70,37,144)
```
#502ba4
```
#502ba4 rgb(80,43,164)
```
#5a30b8
```
#5a30b8 rgb(90,48,184)
```
#6437cb
```
#6437cb rgb(100,55,203)
```
#744bd0
```
#744bd0 rgb(116,75,208)
```
#845fd5
```
#845fd5 rgb(132,95,213)
```

Monochromatic Color

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

#3830b8
```
#3830b8 rgb(56,48,184)
```
#4330b8
```
#4330b8 rgb(67,48,184)
```
#4f30b8
```
#4f30b8 rgb(79,48,184)
```
#5a30b8
```
#5a30b8 rgb(90,48,184)
```
#6530b8
```
#6530b8 rgb(101,48,184)
```
#7130b8
```
#7130b8 rgb(113,48,184)
```
#7c30b8
```
#7c30b8 rgb(124,48,184)
```

Similar Colors

Text with hexadecimal color #5a30b8

This text has a font color of #5a30b8.

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

#5a30b8 background color

This paragraph has a background color of #5a30b8.

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

#5a30b8 border color

This element has a border color of #5a30b8.

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

CSS codes

.text {color:#5a30b8;}

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

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

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, #06030d is the darkest color, while #fdfcfe is the lightest one.

#06030d
```
#06030d rgb(6,3,13)
```
#0e071c
```
#0e071c rgb(14,7,28)
```
#160b2c
```
#160b2c rgb(22,11,44)
```
#1d103c
```
#1d103c rgb(29,16,60)
```
#25144b
```
#25144b rgb(37,20,75)
```
#2c185b
```
#2c185b rgb(44,24,91)
```
#341c6a
```
#341c6a rgb(52,28,106)
```
#3c207a
```
#3c207a rgb(60,32,122)
```
#432489
```
#432489 rgb(67,36,137)
```
#4b2899
```
#4b2899 rgb(75,40,153)
```
#522ca8
```
#522ca8 rgb(82,44,168)
```
#5a30b8
```
#5a30b8 rgb(90,48,184)
```
#6234c8
```
#6234c8 rgb(98,52,200)
```

Shade Color Variation

#6d42ce
```
#6d42ce rgb(109,66,206)
```
#7951d2
```
#7951d2 rgb(121,81,210)
```
#8561d6
```
#8561d6 rgb(133,97,214)
```
#9170da
```
#9170da rgb(145,112,218)
```
#9d80de
```
#9d80de rgb(157,128,222)
```
#a98fe2
```
#a98fe2 rgb(169,143,226)
```
#b59fe6
```
#b59fe6 rgb(181,159,230)
```
#c1afea
```
#c1afea rgb(193,175,234)
```
#cdbeee
```
#cdbeee rgb(205,190,238)
```
#d9cef2
```
#d9cef2 rgb(217,206,242)
```
#e5ddf6
```
#e5ddf6 rgb(229,221,246)
```
#f1edfa
```
#f1edfa rgb(241,237,250)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726e7a is the less saturated color, while #4903e5 is the most saturated one.

#726e7a
```
#726e7a rgb(114,110,122)
```
#6e6682
```
#6e6682 rgb(110,102,130)
```
#6b5d8b
```
#6b5d8b rgb(107,93,139)
```
#685494
```
#685494 rgb(104,84,148)
```
#644b9d
```
#644b9d rgb(100,75,157)
```
#6142a6
```
#6142a6 rgb(97,66,166)
```
#5d39af
```
#5d39af rgb(93,57,175)
```
#5a30b8
```
#5a30b8 rgb(90,48,184)
```
#5727c1
```
#5727c1 rgb(87,39,193)
```
#531eca
```
#531eca rgb(83,30,202)
```
#5015d3
```
#5015d3 rgb(80,21,211)
```
#4c0cdc
```
#4c0cdc rgb(76,12,220)
```
#4903e5
```
#4903e5 rgb(73,3,229)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4f4662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a91 Deuteranopia 1% of men
#3f5c62 Tritanopia 0.001% of the population

Trichromacy

#2047ac Protanomaly 1% of men, 0.01% of women
#204a9f Deuteranomaly 6% of men, 0.4% of women
#494c81 Tritanomaly 0.01% of the population

#5a30b8 hex color

#5a30b8 Color Information

#5a30b8 Color Conversion

Color Schemes with #5a30b8

Alternatives to #5a30b8

#5a30b8 Preview

Shades and Tints of #5a30b8

Tones of #5a30b8

Color Blindness Simulator