#5300ec hex color

In a RGB color space, hex #5300ec is composed of 32.5% red, 0% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 100% magenta, 0% yellow and 7.5% black. It has a hue angle of 261.1 degrees, a saturation of 100% and a lightness of 46.3%. #5300ec color hex could be obtained by blending #a600ff with #0000d9. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 33
- G 0
- B 93
RGB color chart
- C 65
- M 100
- Y 0
- K 7
CMYK color chart

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

The hexadecimal color #5300ec has RGB values of R:83, G:0, B:236 and CMYK values of C:0.65, M:1, Y:0, K:0.07. Its decimal value is 5439724.

Hex triplet	5300ec	`#5300ec`
RGB Decimal	83, 0, 236	`rgb(83,0,236)`
RGB Percent	32.5, 0, 92.5	`rgb(32.5%,0%,92.5%)`
CMYK	65, 100, 0, 7
HSL	261.1°, 100, 46.3	`hsl(261.1,100%,46.3%)`
HSV (or HSB)	261.1°, 100, 92.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	33.762, 76.34, -94.592
XYZ	18.705, 7.894, 79.89
xyY	0.176, 0.074, 7.894
CIE-LCH	33.762, 121.554, 308.905
CIE-LUV	33.762, 0.32, -122.793
Hunter-Lab	28.097, 69.662, -148.916
Binary	01010011, 00000000, 11101100

#5300ec
```
#5300ec rgb(83,0,236)
```
#99ec00
```
#99ec00 rgb(153,236,0)
```

Complementary Color

#0023ec
```
#0023ec rgb(0,35,236)
```
#5300ec
```
#5300ec rgb(83,0,236)
```
#c900ec
```
#c900ec rgb(201,0,236)
```

Analogous Color

#23ec00
```
#23ec00 rgb(35,236,0)
```
#5300ec
```
#5300ec rgb(83,0,236)
```
#ecc900
```
#ecc900 rgb(236,201,0)
```

Split Complementary Color

#00ec53
```
#00ec53 rgb(0,236,83)
```
#5300ec
```
#5300ec rgb(83,0,236)
```
#ec5300
```
#ec5300 rgb(236,83,0)
```

Triadic Color

#0099ec
```
#0099ec rgb(0,153,236)
```
#5300ec
```
#5300ec rgb(83,0,236)
```
#ec5300
```
#ec5300 rgb(236,83,0)
```
#99ec00
```
#99ec00 rgb(153,236,0)
```

Tetradic Color

#3800a0
```
#3800a0 rgb(56,0,160)
```
#4100b9
```
#4100b9 rgb(65,0,185)
```
#4a00d3
```
#4a00d3 rgb(74,0,211)
```
#5300ec
```
#5300ec rgb(83,0,236)
```
#5e06ff
```
#5e06ff rgb(94,6,255)
```
#6e20ff
```
#6e20ff rgb(110,32,255)
```
#7f3aff
```
#7f3aff rgb(127,58,255)
```

Monochromatic Color

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

#1800ec
```
#1800ec rgb(24,0,236)
```
#2c00ec
```
#2c00ec rgb(44,0,236)
```
#3f00ec
```
#3f00ec rgb(63,0,236)
```
#5300ec
```
#5300ec rgb(83,0,236)
```
#6700ec
```
#6700ec rgb(103,0,236)
```
#7a00ec
```
#7a00ec rgb(122,0,236)
```
#8e00ec
```
#8e00ec rgb(142,0,236)
```

Similar Colors

Text with hexadecimal color #5300ec

This text has a font color of #5300ec.

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

#5300ec background color

This paragraph has a background color of #5300ec.

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

#5300ec border color

This element has a border color of #5300ec.

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

CSS codes

.text {color:#5300ec;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070014
```
#070014 rgb(7,0,20)
```
#0e0028
```
#0e0028 rgb(14,0,40)
```
#15003b
```
#15003b rgb(21,0,59)
```
#1c004f
```
#1c004f rgb(28,0,79)
```
#230063
```
#230063 rgb(35,0,99)
```
#2a0076
```
#2a0076 rgb(42,0,118)
```
#31008a
```
#31008a rgb(49,0,138)
```
#37009e
```
#37009e rgb(55,0,158)
```
#3e00b1
```
#3e00b1 rgb(62,0,177)
```
#4500c5
```
#4500c5 rgb(69,0,197)
```
#4c00d8
```
#4c00d8 rgb(76,0,216)
```
#5300ec
```
#5300ec rgb(83,0,236)
```

Shade Color Variation

#5a01ff
```
#5a01ff rgb(90,1,255)
```
#6714ff
```
#6714ff rgb(103,20,255)
```
#7428ff
```
#7428ff rgb(116,40,255)
```
#803bff
```
#803bff rgb(128,59,255)
```
#8d4fff
```
#8d4fff rgb(141,79,255)
```
#9a63ff
```
#9a63ff rgb(154,99,255)
```
#a676ff
```
#a676ff rgb(166,118,255)
```
#b38aff
```
#b38aff rgb(179,138,255)
```
#c09eff
```
#c09eff rgb(192,158,255)
```
#cdb1ff
```
#cdb1ff rgb(205,177,255)
```
#d9c5ff
```
#d9c5ff rgb(217,197,255)
```
#e6d8ff
```
#e6d8ff rgb(230,216,255)
```
#f3ecff
```
#f3ecff rgb(243,236,255)
```

Tint Color Variation

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

#736d7f
```
#736d7f rgb(115,109,127)
```
#716488
```
#716488 rgb(113,100,136)
```
#6e5b91
```
#6e5b91 rgb(110,91,145)
```
#6b529a
```
#6b529a rgb(107,82,154)
```
#6949a3
```
#6949a3 rgb(105,73,163)
```
#6640ac
```
#6640ac rgb(102,64,172)
```
#6336b6
```
#6336b6 rgb(99,54,182)
```
#602dbf
```
#602dbf rgb(96,45,191)
```
#5e24c8
```
#5e24c8 rgb(94,36,200)
```
#5b1bd1
```
#5b1bd1 rgb(91,27,209)
```
#5812da
```
#5812da rgb(88,18,218)
```
#5609e3
```
#5609e3 rgb(86,9,227)
```
#5300ec
```
#5300ec rgb(83,0,236)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3a2a59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a6 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1e36bf Protanomaly 1% of men, 0.01% of women
#1e3ab1 Deuteranomaly 6% of men, 0.4% of women
#1e3d97 Tritanomaly 0.01% of the population

#5300ec hex color

#5300ec Color Information

#5300ec Color Conversion

Color Schemes with #5300ec

Alternatives to #5300ec

#5300ec Preview

Shades and Tints of #5300ec

Tones of #5300ec

Color Blindness Simulator