colorhexa.com

#5102e6 hex color

In a RGB color space, hex #5102e6 is composed of 31.8% red, 0.8% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 99.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 260.8 degrees, a saturation of 98.3% and a lightness of 45.5%. #5102e6 color hex could be obtained by blending #a204ff with #0000cd. Closest websafe color is: #6600ff.

- R 32
- G 1
- B 90
RGB color chart
- C 65
- M 99
- Y 0
- K 10
CMYK color chart

● #5102e6 color description : Vivid violet.

The hexadecimal color #5102e6 has RGB values of R:81, G:2, B:230 and CMYK values of C:0.65, M:0.99, Y:0, K:0.1. Its decimal value is 5309158.

Hex triplet	5102e6	`#5102e6`
RGB Decimal	81, 2, 230	`rgb(81,2,230)`
RGB Percent	31.8, 0.8, 90.2	`rgb(31.8%,0.8%,90.2%)`
CMYK	65, 99, 0, 10
HSL	260.8°, 98.3, 45.5	`hsl(260.8,98.3%,45.5%)`
HSV (or HSB)	260.8°, 99.1, 90.2
Web Safe	6600ff	`#6600ff`

CIE-LAB	32.93, 74.595, -92.56
XYZ	17.695, 7.505, 75.375
xyY	0.176, 0.075, 7.505
CIE-LCH	32.93, 118.878, 308.866
CIE-LUV	32.93, 0.326, -119.357
Hunter-Lab	27.396, 67.354, -143.95
Binary	01010001, 00000010, 11100110

#5102e6
```
#5102e6 rgb(81,2,230)
```
#97e602
```
#97e602 rgb(151,230,2)
```

Complementary Color

#0225e6
```
#0225e6 rgb(2,37,230)
```
#5102e6
```
#5102e6 rgb(81,2,230)
```
#c302e6
```
#c302e6 rgb(195,2,230)
```

Analogous Color

#25e602
```
#25e602 rgb(37,230,2)
```
#5102e6
```
#5102e6 rgb(81,2,230)
```
#e6c302
```
#e6c302 rgb(230,195,2)
```

Split Complementary Color

#36019a
```
#36019a rgb(54,1,154)
```
#3f02b3
```
#3f02b3 rgb(63,2,179)
```
#4802cd
```
#4802cd rgb(72,2,205)
```
#5102e6
```
#5102e6 rgb(81,2,230)
```
#5b05fd
```
#5b05fd rgb(91,5,253)
```
#6b1efd
```
#6b1efd rgb(107,30,253)
```
#7c37fd
```
#7c37fd rgb(124,55,253)
```

Monochromatic Color

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

#1802e6
```
#1802e6 rgb(24,2,230)
```
#2b02e6
```
#2b02e6 rgb(43,2,230)
```
#3e02e6
```
#3e02e6 rgb(62,2,230)
```
#5102e6
```
#5102e6 rgb(81,2,230)
```
#6402e6
```
#6402e6 rgb(100,2,230)
```
#7702e6
```
#7702e6 rgb(119,2,230)
```
#8a02e6
```
#8a02e6 rgb(138,2,230)
```

Similar Colors

Text with hexadecimal color #5102e6

This text has a font color of #5102e6.

<span style="color:#5102e6;">Text here</span>

#5102e6 background color

This paragraph has a background color of #5102e6.

<p style="background-color:#5102e6;">Content here</p>

#5102e6 border color

This element has a border color of #5102e6.

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

CSS codes

.text {color:#5102e6;}

.background {background-color:#5102e6;}

.border {border:1px solid #5102e6;}

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

#060010
```
#060010 rgb(6,0,16)
```
#0d0024
```
#0d0024 rgb(13,0,36)
```
#130037
```
#130037 rgb(19,0,55)
```
#1a014a
```
#1a014a rgb(26,1,74)
```
#21015e
```
#21015e rgb(33,1,94)
```
#280171
```
#280171 rgb(40,1,113)
```
#2f0185
```
#2f0185 rgb(47,1,133)
```
#360198
```
#360198 rgb(54,1,152)
```
#3c01ac
```
#3c01ac rgb(60,1,172)
```
#4302bf
```
#4302bf rgb(67,2,191)
```
#4a02d3
```
#4a02d3 rgb(74,2,211)
```
#5102e6
```
#5102e6 rgb(81,2,230)
```
#5802f9
```
#5802f9 rgb(88,2,249)
```

Shade Color Variation

#6412fd
```
#6412fd rgb(100,18,253)
```
#7026fd
```
#7026fd rgb(112,38,253)
```
#7d39fd
```
#7d39fd rgb(125,57,253)
```
#8a4dfd
```
#8a4dfd rgb(138,77,253)
```
#9760fe
```
#9760fe rgb(151,96,254)
```
#a374fe
```
#a374fe rgb(163,116,254)
```
#b087fe
```
#b087fe rgb(176,135,254)
```
#bd9afe
```
#bd9afe rgb(189,154,254)
```
#caaefe
```
#caaefe rgb(202,174,254)
```
#d6c1fe
```
#d6c1fe rgb(214,193,254)
```
#e3d5ff
```
#e3d5ff rgb(227,213,255)
```
#f0e8ff
```
#f0e8ff rgb(240,232,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726d7b is the less saturated color, while #5102e6 is the most saturated one.

#726d7b
```
#726d7b rgb(114,109,123)
```
#6f6484
```
#6f6484 rgb(111,100,132)
```
#6c5b8d
```
#6c5b8d rgb(108,91,141)
```
#6a5296
```
#6a5296 rgb(106,82,150)
```
#67499f
```
#67499f rgb(103,73,159)
```
#6440a8
```
#6440a8 rgb(100,64,168)
```
#6138b0
```
#6138b0 rgb(97,56,176)
```
#5f2fb9
```
#5f2fb9 rgb(95,47,185)
```
#5c26c2
```
#5c26c2 rgb(92,38,194)
```
#591dcb
```
#591dcb rgb(89,29,203)
```
#5614d4
```
#5614d4 rgb(86,20,212)
```
#540bdd
```
#540bdd rgb(84,11,221)
```
#5102e6
```
#5102e6 rgb(81,2,230)
```

Tone Color Variation

Below, you can see how #5102e6 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
#3a2a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#1d36bb Protanomaly 1% of men, 0.01% of women
#1d39ad Deuteranomaly 6% of men, 0.4% of women
#1d3d93 Tritanomaly 0.01% of the population