colorhexa.com

#5a30b3 hex color

In a RGB color space, hex #5a30b3 is composed of 35.3% red, 18.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 73.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 259.2 degrees, a saturation of 57.7% and a lightness of 44.5%. #5a30b3 color hex could be obtained by blending #b460ff with #000067. Closest websafe color is: #6633cc.

- R 35
- G 19
- B 70
RGB color chart
- C 50
- M 73
- Y 0
- K 30
CMYK color chart

● #5a30b3 color description : Moderate violet.

The hexadecimal color #5a30b3 has RGB values of R:90, G:48, B:179 and CMYK values of C:0.5, M:0.73, Y:0, K:0.3. Its decimal value is 5910707.

Hex triplet	5a30b3	`#5a30b3`
RGB Decimal	90, 48, 179	`rgb(90,48,179)`
RGB Percent	35.3, 18.8, 70.2	`rgb(35.3%,18.8%,70.2%)`
CMYK	50, 73, 0, 30
HSL	259.2°, 57.7, 44.5	`hsl(259.2,57.7%,44.5%)`
HSV (or HSB)	259.2°, 73.2, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.01, 49.035, -62.682
XYZ	13.409, 7.542, 43.395
xyY	0.208, 0.117, 7.542
CIE-LCH	33.01, 79.583, 308.036
CIE-LUV	33.01, 4.755, -87.515
Hunter-Lab	27.463, 39.092, -74.462
Binary	01011010, 00110000, 10110011

#5a30b3
```
#5a30b3 rgb(90,48,179)
```
#89b330
```
#89b330 rgb(137,179,48)
```

Complementary Color

#3048b3
```
#3048b3 rgb(48,72,179)
```
#5a30b3
```
#5a30b3 rgb(90,48,179)
```
#9c30b3
```
#9c30b3 rgb(156,48,179)
```

Analogous Color

#48b330
```
#48b330 rgb(72,179,48)
```
#5a30b3
```
#5a30b3 rgb(90,48,179)
```
#b39c30
```
#b39c30 rgb(179,156,48)
```

Split Complementary Color

#30b35a
```
#30b35a rgb(48,179,90)
```
#5a30b3
```
#5a30b3 rgb(90,48,179)
```
#b35a30
```
#b35a30 rgb(179,90,48)
```

Triadic Color

#3089b3
```
#3089b3 rgb(48,137,179)
```
#5a30b3
```
#5a30b3 rgb(90,48,179)
```
#b35a30
```
#b35a30 rgb(179,90,48)
```
#89b330
```
#89b330 rgb(137,179,48)
```

Tetradic Color

#3c2077
```
#3c2077 rgb(60,32,119)
```
#46258b
```
#46258b rgb(70,37,139)
```
#502b9f
```
#502b9f rgb(80,43,159)
```
#5a30b3
```
#5a30b3 rgb(90,48,179)
```
#6435c7
```
#6435c7 rgb(100,53,199)
```
#7348ce
```
#7348ce rgb(115,72,206)
```
#825cd3
```
#825cd3 rgb(130,92,211)
```

Monochromatic Color

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

#3930b3
```
#3930b3 rgb(57,48,179)
```
#4430b3
```
#4430b3 rgb(68,48,179)
```
#4f30b3
```
#4f30b3 rgb(79,48,179)
```
#5a30b3
```
#5a30b3 rgb(90,48,179)
```
#6530b3
```
#6530b3 rgb(101,48,179)
```
#7030b3
```
#7030b3 rgb(112,48,179)
```
#7b30b3
```
#7b30b3 rgb(123,48,179)
```

Similar Colors

Text with hexadecimal color #5a30b3

This text has a font color of #5a30b3.

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

#5a30b3 background color

This paragraph has a background color of #5a30b3.

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

#5a30b3 border color

This element has a border color of #5a30b3.

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

CSS codes

.text {color:#5a30b3;}

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

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

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

#040209
```
#040209 rgb(4,2,9)
```
#0c0718
```
#0c0718 rgb(12,7,24)
```
#140b28
```
#140b28 rgb(20,11,40)
```
#1c0f37
```
#1c0f37 rgb(28,15,55)
```
#241347
```
#241347 rgb(36,19,71)
```
#2b1756
```
#2b1756 rgb(43,23,86)
```
#331b66
```
#331b66 rgb(51,27,102)
```
#3b1f75
```
#3b1f75 rgb(59,31,117)
```
#432485
```
#432485 rgb(67,36,133)
```
#4a2894
```
#4a2894 rgb(74,40,148)
```
#522ca4
```
#522ca4 rgb(82,44,164)
```
#5a30b3
```
#5a30b3 rgb(90,48,179)
```
#6234c2
```
#6234c2 rgb(98,52,194)
```

Shade Color Variation

#6c3fcb
```
#6c3fcb rgb(108,63,203)
```
#784ed0
```
#784ed0 rgb(120,78,208)
```
#845ed4
```
#845ed4 rgb(132,94,212)
```
#8f6dd8
```
#8f6dd8 rgb(143,109,216)
```
#9b7ddc
```
#9b7ddc rgb(155,125,220)
```
#a78ce0
```
#a78ce0 rgb(167,140,224)
```
#b39ce4
```
#b39ce4 rgb(179,156,228)
```
#bfabe8
```
#bfabe8 rgb(191,171,232)
```
#cbbbed
```
#cbbbed rgb(203,187,237)
```
#d6caf1
```
#d6caf1 rgb(214,202,241)
```
#e2d9f5
```
#e2d9f5 rgb(226,217,245)
```
#eee9f9
```
#eee9f9 rgb(238,233,249)
```
#faf8fd
```
#faf8fd rgb(250,248,253)
```

Tint Color Variation

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

#706d76
```
#706d76 rgb(112,109,118)
```
#6d647f
```
#6d647f rgb(109,100,127)
```
#6a5c87
```
#6a5c87 rgb(106,92,135)
```
#675390
```
#675390 rgb(103,83,144)
```
#634a99
```
#634a99 rgb(99,74,153)
```
#6041a2
```
#6041a2 rgb(96,65,162)
```
#5d39aa
```
#5d39aa rgb(93,57,170)
```
#5a30b3
```
#5a30b3 rgb(90,48,179)
```
#5727bc
```
#5727bc rgb(87,39,188)
```
#541fc4
```
#541fc4 rgb(84,31,196)
```
#5116cd
```
#5116cd rgb(81,22,205)
```
#4d0dd6
```
#4d0dd6 rgb(77,13,214)
```
#4a04df
```
#4a04df rgb(74,4,223)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4e4660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00588f Deuteranopia 1% of men
#425a61 Tritanopia 0.001% of the population

Trichromacy

#2047a9 Protanomaly 1% of men, 0.01% of women
#204a9c Deuteranomaly 6% of men, 0.4% of women
#4b4b7e Tritanomaly 0.01% of the population