#5300e2 hex color

In a RGB color space, hex #5300e2 is composed of 32.5% red, 0% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 100% magenta, 0% yellow and 11.4% black. It has a hue angle of 262 degrees, a saturation of 100% and a lightness of 44.3%. #5300e2 color hex could be obtained by blending #a600ff with #0000c5. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 0
- B 89
RGB color chart
- C 63
- M 100
- Y 0
- K 11
CMYK color chart

● #5300e2 color description : Pure (or mostly pure) violet.

The hexadecimal color #5300e2 has RGB values of R:83, G:0, B:226 and CMYK values of C:0.63, M:1, Y:0, K:0.11. Its decimal value is 5439714.

Hex triplet	5300e2	`#5300e2`
RGB Decimal	83, 0, 226	`rgb(83,0,226)`
RGB Percent	32.5, 0, 88.6	`rgb(32.5%,0%,88.6%)`
CMYK	63, 100, 0, 11
HSL	262°, 100, 44.3	`hsl(262,100%,44.3%)`
HSV (or HSB)	262°, 100, 88.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.545, 74.071, -90.907
XYZ	17.292, 7.329, 72.451
xyY	0.178, 0.076, 7.329
CIE-LCH	32.545, 117.263, 309.173
CIE-LUV	32.545, 1.223, -117.155
Hunter-Lab	27.073, 66.636, -139.718
Binary	01010011, 00000000, 11100010

#5300e2
```
#5300e2 rgb(83,0,226)
```
#8fe200
```
#8fe200 rgb(143,226,0)
```

Complementary Color

#001ee2
```
#001ee2 rgb(0,30,226)
```
#5300e2
```
#5300e2 rgb(83,0,226)
```
#c400e2
```
#c400e2 rgb(196,0,226)
```

Analogous Color

#1ee200
```
#1ee200 rgb(30,226,0)
```
#5300e2
```
#5300e2 rgb(83,0,226)
```
#e2c400
```
#e2c400 rgb(226,196,0)
```

Split Complementary Color

#00e253
```
#00e253 rgb(0,226,83)
```
#5300e2
```
#5300e2 rgb(83,0,226)
```
#e25300
```
#e25300 rgb(226,83,0)
```

Triadic Color

#008fe2
```
#008fe2 rgb(0,143,226)
```
#5300e2
```
#5300e2 rgb(83,0,226)
```
#e25300
```
#e25300 rgb(226,83,0)
```
#8fe200
```
#8fe200 rgb(143,226,0)
```

Tetradic Color

#370096
```
#370096 rgb(55,0,150)
```
#4000af
```
#4000af rgb(64,0,175)
```
#4a00c9
```
#4a00c9 rgb(74,0,201)
```
#5300e2
```
#5300e2 rgb(83,0,226)
```
#5c00fc
```
#5c00fc rgb(92,0,252)
```
#6c16ff
```
#6c16ff rgb(108,22,255)
```
#7c30ff
```
#7c30ff rgb(124,48,255)
```

Monochromatic Color

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

#1b00e2
```
#1b00e2 rgb(27,0,226)
```
#2d00e2
```
#2d00e2 rgb(45,0,226)
```
#4000e2
```
#4000e2 rgb(64,0,226)
```
#5300e2
```
#5300e2 rgb(83,0,226)
```
#6600e2
```
#6600e2 rgb(102,0,226)
```
#7900e2
```
#7900e2 rgb(121,0,226)
```
#8c00e2
```
#8c00e2 rgb(140,0,226)
```

Similar Colors

Text with hexadecimal color #5300e2

This text has a font color of #5300e2.

<span style="color:#5300e2;">Text here</span>

#5300e2 background color

This paragraph has a background color of #5300e2.

<p style="background-color:#5300e2;">Content here</p>

#5300e2 border color

This element has a border color of #5300e2.

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

CSS codes

.text {color:#5300e2;}

.background {background-color:#5300e2;}

.border {border:1px solid #5300e2;}

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, #04000a is the darkest color, while #f9f6ff is the lightest one.

#04000a
```
#04000a rgb(4,0,10)
```
#0b001e
```
#0b001e rgb(11,0,30)
```
#120031
```
#120031 rgb(18,0,49)
```
#190045
```
#190045 rgb(25,0,69)
```
#210059
```
#210059 rgb(33,0,89)
```
#28006c
```
#28006c rgb(40,0,108)
```
#2f0080
```
#2f0080 rgb(47,0,128)
```
#360094
```
#360094 rgb(54,0,148)
```
#3d00a7
```
#3d00a7 rgb(61,0,167)
```
#4500bb
```
#4500bb rgb(69,0,187)
```
#4c00ce
```
#4c00ce rgb(76,0,206)
```
#5300e2
```
#5300e2 rgb(83,0,226)
```
#5a00f6
```
#5a00f6 rgb(90,0,246)
```

Shade Color Variation

#640aff
```
#640aff rgb(100,10,255)
```
#711eff
```
#711eff rgb(113,30,255)
```
#7d31ff
```
#7d31ff rgb(125,49,255)
```
#8945ff
```
#8945ff rgb(137,69,255)
```
#9659ff
```
#9659ff rgb(150,89,255)
```
#a26cff
```
#a26cff rgb(162,108,255)
```
#af80ff
```
#af80ff rgb(175,128,255)
```
#bb94ff
```
#bb94ff rgb(187,148,255)
```
#c7a7ff
```
#c7a7ff rgb(199,167,255)
```
#d4bbff
```
#d4bbff rgb(212,187,255)
```
#e0ceff
```
#e0ceff rgb(224,206,255)
```
#ede2ff
```
#ede2ff rgb(237,226,255)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f687a is the less saturated color, while #5300e2 is the most saturated one.

#6f687a
```
#6f687a rgb(111,104,122)
```
#6c6082
```
#6c6082 rgb(108,96,130)
```
#6a578b
```
#6a578b rgb(106,87,139)
```
#684e94
```
#684e94 rgb(104,78,148)
```
#65469c
```
#65469c rgb(101,70,156)
```
#633da5
```
#633da5 rgb(99,61,165)
```
#6134ae
```
#6134ae rgb(97,52,174)
```
#5f2bb7
```
#5f2bb7 rgb(95,43,183)
```
#5c23bf
```
#5c23bf rgb(92,35,191)
```
#5a1ac8
```
#5a1ac8 rgb(90,26,200)
```
#5811d1
```
#5811d1 rgb(88,17,209)
```
#5509d9
```
#5509d9 rgb(85,9,217)
```
#5300e2
```
#5300e2 rgb(83,0,226)
```

Tone Color Variation

Below, you can see how #5300e2 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

#333333 Achromatopsia 0.005% of the population
#392956 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#1e35b9 Protanomaly 1% of men, 0.01% of women
#1e38ab Deuteranomaly 6% of men, 0.4% of women
#1e3c91 Tritanomaly 0.01% of the population

#5300e2 hex color

#5300e2 Color Information

#5300e2 Color Conversion

Color Schemes with #5300e2

Alternatives to #5300e2

#5300e2 Preview

Shades and Tints of #5300e2

Tones of #5300e2

Color Blindness Simulator