#5100ec hex color

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

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

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

The hexadecimal color #5100ec has RGB values of R:81, G:0, B:236 and CMYK values of C:0.66, M:1, Y:0, K:0.07. Its decimal value is 5308652.

Hex triplet	5100ec	`#5100ec`
RGB Decimal	81, 0, 236	`rgb(81,0,236)`
RGB Percent	31.8, 0, 92.5	`rgb(31.8%,0%,92.5%)`
CMYK	66, 100, 0, 7
HSL	260.6°, 100, 46.3	`hsl(260.6,100%,46.3%)`
HSV (or HSB)	260.6°, 100, 92.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	33.573, 76.251, -94.912
XYZ	18.531, 7.805, 79.882
xyY	0.174, 0.073, 7.805
CIE-LCH	33.573, 121.748, 308.778
CIE-LUV	33.573, -0.135, -122.706
Hunter-Lab	27.937, 69.511, -149.977
Binary	01010001, 00000000, 11101100

#5100ec
```
#5100ec rgb(81,0,236)
```
#9bec00
```
#9bec00 rgb(155,236,0)
```

Complementary Color

#0025ec
```
#0025ec rgb(0,37,236)
```
#5100ec
```
#5100ec rgb(81,0,236)
```
#c700ec
```
#c700ec rgb(199,0,236)
```

Analogous Color

#25ec00
```
#25ec00 rgb(37,236,0)
```
#5100ec
```
#5100ec rgb(81,0,236)
```
#ecc700
```
#ecc700 rgb(236,199,0)
```

Split Complementary Color

#00ec51
```
#00ec51 rgb(0,236,81)
```
#5100ec
```
#5100ec rgb(81,0,236)
```
#ec5100
```
#ec5100 rgb(236,81,0)
```

Triadic Color

#009bec
```
#009bec rgb(0,155,236)
```
#5100ec
```
#5100ec rgb(81,0,236)
```
#ec5100
```
#ec5100 rgb(236,81,0)
```
#9bec00
```
#9bec00 rgb(155,236,0)
```

Tetradic Color

#3700a0
```
#3700a0 rgb(55,0,160)
```
#3f00b9
```
#3f00b9 rgb(63,0,185)
```
#4800d3
```
#4800d3 rgb(72,0,211)
```
#5100ec
```
#5100ec rgb(81,0,236)
```
#5c06ff
```
#5c06ff rgb(92,6,255)
```
#6d20ff
```
#6d20ff rgb(109,32,255)
```
#7d3aff
```
#7d3aff rgb(125,58,255)
```

Monochromatic Color

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

#1600ec
```
#1600ec rgb(22,0,236)
```
#2a00ec
```
#2a00ec rgb(42,0,236)
```
#3d00ec
```
#3d00ec rgb(61,0,236)
```
#5100ec
```
#5100ec rgb(81,0,236)
```
#6500ec
```
#6500ec rgb(101,0,236)
```
#7800ec
```
#7800ec rgb(120,0,236)
```
#8c00ec
```
#8c00ec rgb(140,0,236)
```

Similar Colors

Text with hexadecimal color #5100ec

This text has a font color of #5100ec.

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

#5100ec background color

This paragraph has a background color of #5100ec.

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

#5100ec border color

This element has a border color of #5100ec.

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

CSS codes

.text {color:#5100ec;}

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

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

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)
```
#14003b
```
#14003b rgb(20,0,59)
```
#1b004f
```
#1b004f rgb(27,0,79)
```
#220063
```
#220063 rgb(34,0,99)
```
#290076
```
#290076 rgb(41,0,118)
```
#2f008a
```
#2f008a rgb(47,0,138)
```
#36009e
```
#36009e rgb(54,0,158)
```
#3d00b1
```
#3d00b1 rgb(61,0,177)
```
#4400c5
```
#4400c5 rgb(68,0,197)
```
#4a00d8
```
#4a00d8 rgb(74,0,216)
```
#5100ec
```
#5100ec rgb(81,0,236)
```

Shade Color Variation

#5801ff
```
#5801ff rgb(88,1,255)
```
#6514ff
```
#6514ff rgb(101,20,255)
```
#7228ff
```
#7228ff rgb(114,40,255)
```
#7f3bff
```
#7f3bff rgb(127,59,255)
```
#8b4fff
```
#8b4fff rgb(139,79,255)
```
#9863ff
```
#9863ff rgb(152,99,255)
```
#a576ff
```
#a576ff rgb(165,118,255)
```
#b28aff
```
#b28aff rgb(178,138,255)
```
#bf9eff
```
#bf9eff rgb(191,158,255)
```
#ccb1ff
```
#ccb1ff rgb(204,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 #5100ec is the most saturated one.

#736d7f
```
#736d7f rgb(115,109,127)
```
#706488
```
#706488 rgb(112,100,136)
```
#6d5b91
```
#6d5b91 rgb(109,91,145)
```
#6b529a
```
#6b529a rgb(107,82,154)
```
#6849a3
```
#6849a3 rgb(104,73,163)
```
#6540ac
```
#6540ac rgb(101,64,172)
```
#6236b6
```
#6236b6 rgb(98,54,182)
```
#5f2dbf
```
#5f2dbf rgb(95,45,191)
```
#5c24c8
```
#5c24c8 rgb(92,36,200)
```
#5a1bd1
```
#5a1bd1 rgb(90,27,209)
```
#5712da
```
#5712da rgb(87,18,218)
```
#5409e3
```
#5409e3 rgb(84,9,227)
```
#5100ec
```
#5100ec rgb(81,0,236)
```

Tone Color Variation

Below, you can see how #5100ec 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
#392958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#1d36bf Protanomaly 1% of men, 0.01% of women
#1d39b1 Deuteranomaly 6% of men, 0.4% of women
#1d3d96 Tritanomaly 0.01% of the population

#5100ec hex color

#5100ec Color Information

#5100ec Color Conversion

Color Schemes with #5100ec

Alternatives to #5100ec

#5100ec Preview

Shades and Tints of #5100ec

Tones of #5100ec

Color Blindness Simulator