#5d30e2 hex color

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

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

● #5d30e2 color description : Bright violet.

The hexadecimal color #5d30e2 has RGB values of R:93, G:48, B:226 and CMYK values of C:0.59, M:0.79, Y:0, K:0.11. Its decimal value is 6107362.

Hex triplet	5d30e2	`#5d30e2`
RGB Decimal	93, 48, 226	`rgb(93,48,226)`
RGB Percent	36.5, 18.8, 88.6	`rgb(36.5%,18.8%,88.6%)`
CMYK	59, 79, 0, 11
HSL	255.2°, 75.4, 53.7	`hsl(255.2,75.4%,53.7%)`
HSV (or HSB)	255.2°, 78.8, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.719, 62.317, -82.304
XYZ	19.296, 9.931, 72.848
xyY	0.189, 0.097, 9.931
CIE-LCH	37.719, 103.234, 307.131
CIE-LUV	37.719, 0.834, -116.34
Hunter-Lab	31.514, 54.145, -114.994
Binary	01011101, 00110000, 11100010

#5d30e2
```
#5d30e2 rgb(93,48,226)
```
#b5e230
```
#b5e230 rgb(181,226,48)
```

Complementary Color

#305ce2
```
#305ce2 rgb(48,92,226)
```
#5d30e2
```
#5d30e2 rgb(93,48,226)
```
#b630e2
```
#b630e2 rgb(182,48,226)
```

Analogous Color

#5ce230
```
#5ce230 rgb(92,226,48)
```
#5d30e2
```
#5d30e2 rgb(93,48,226)
```
#e2b630
```
#e2b630 rgb(226,182,48)
```

Split Complementary Color

#30e25d
```
#30e25d rgb(48,226,93)
```
#5d30e2
```
#5d30e2 rgb(93,48,226)
```
#e25d30
```
#e25d30 rgb(226,93,48)
```

Triadic Color

#30b5e2
```
#30b5e2 rgb(48,181,226)
```
#5d30e2
```
#5d30e2 rgb(93,48,226)
```
#e25d30
```
#e25d30 rgb(226,93,48)
```
#b5e230
```
#b5e230 rgb(181,226,48)
```

Tetradic Color

#3e18ad
```
#3e18ad rgb(62,24,173)
```
#461bc4
```
#461bc4 rgb(70,27,196)
```
#4e1fda
```
#4e1fda rgb(78,31,218)
```
#5d30e2
```
#5d30e2 rgb(93,48,226)
```
#6f46e5
```
#6f46e5 rgb(111,70,229)
```
#805de8
```
#805de8 rgb(128,93,232)
```
#9273eb
```
#9273eb rgb(146,115,235)
```

Monochromatic Color

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

#3130e2
```
#3130e2 rgb(49,48,226)
```
#3f30e2
```
#3f30e2 rgb(63,48,226)
```
#4e30e2
```
#4e30e2 rgb(78,48,226)
```
#5d30e2
```
#5d30e2 rgb(93,48,226)
```
#6c30e2
```
#6c30e2 rgb(108,48,226)
```
#7b30e2
```
#7b30e2 rgb(123,48,226)
```
#8a30e2
```
#8a30e2 rgb(138,48,226)
```

Similar Colors

Text with hexadecimal color #5d30e2

This text has a font color of #5d30e2.

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

#5d30e2 background color

This paragraph has a background color of #5d30e2.

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

#5d30e2 border color

This element has a border color of #5d30e2.

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

CSS codes

.text {color:#5d30e2;}

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

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

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)
```
#180a44
```
#180a44 rgb(24,10,68)
```
#1f0c55
```
#1f0c55 rgb(31,12,85)
```
#250e67
```
#250e67 rgb(37,14,103)
```
#2b1178
```
#2b1178 rgb(43,17,120)
```
#311389
```
#311389 rgb(49,19,137)
```
#37169a
```
#37169a rgb(55,22,154)
```
#3d18ac
```
#3d18ac rgb(61,24,172)
```
#431abd
```
#431abd rgb(67,26,189)
```
#4a1dce
```
#4a1dce rgb(74,29,206)
```
#501fdf
```
#501fdf rgb(80,31,223)
```

Shade Color Variation

#5d30e2
```
#5d30e2 rgb(93,48,226)
```
#6a41e4
```
#6a41e4 rgb(106,65,228)
```
#7852e7
```
#7852e7 rgb(120,82,231)
```
#8564e9
```
#8564e9 rgb(133,100,233)
```
#9375ec
```
#9375ec rgb(147,117,236)
```
#a086ee
```
#a086ee rgb(160,134,238)
```
#ae97f0
```
#ae97f0 rgb(174,151,240)
```
#bba8f3
```
#bba8f3 rgb(187,168,243)
```
#c9baf5
```
#c9baf5 rgb(201,186,245)
```
#d6cbf8
```
#d6cbf8 rgb(214,203,248)
```
#e4dcfa
```
#e4dcfa rgb(228,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 #5015fd is the most saturated one.

#858290
```
#858290 rgb(133,130,144)
```
#817999
```
#817999 rgb(129,121,153)
```
#7c70a2
```
#7c70a2 rgb(124,112,162)
```
#7866ac
```
#7866ac rgb(120,102,172)
```
#735db5
```
#735db5 rgb(115,93,181)
```
#6f54be
```
#6f54be rgb(111,84,190)
```
#6a4bc7
```
#6a4bc7 rgb(106,75,199)
```
#6642d0
```
#6642d0 rgb(102,66,208)
```
#6139d9
```
#6139d9 rgb(97,57,217)
```
#5d30e2
```
#5d30e2 rgb(93,48,226)
```
#5927eb
```
#5927eb rgb(89,39,235)
```
#541ef4
```
#541ef4 rgb(84,30,244)
```
#5015fd
```
#5015fd rgb(80,21,253)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#544b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#116a72 Tritanopia 0.001% of the population

Trichromacy

#214dc7 Protanomaly 1% of men, 0.01% of women
#2151b7 Deuteranomaly 6% of men, 0.4% of women
#2c559b Tritanomaly 0.01% of the population

#5d30e2 hex color

#5d30e2 Color Information

#5d30e2 Color Conversion

Color Schemes with #5d30e2

Alternatives to #5d30e2

#5d30e2 Preview

Shades and Tints of #5d30e2

Tones of #5d30e2

Color Blindness Simulator