#5102d2 hex color

In a RGB color space, hex #5102d2 is composed of 31.8% red, 0.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 99% magenta, 0% yellow and 17.6% black. It has a hue angle of 262.8 degrees, a saturation of 98.1% and a lightness of 41.6%. #5102d2 color hex could be obtained by blending #a204ff with #0000a5. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 32
- G 1
- B 82
RGB color chart
- C 61
- M 99
- Y 0
- K 18
CMYK color chart

● #5102d2 color description : Strong violet.

The hexadecimal color #5102d2 has RGB values of R:81, G:2, B:210 and CMYK values of C:0.61, M:0.99, Y:0, K:0.18. Its decimal value is 5309138.

Hex triplet	5102d2	`#5102d2`
RGB Decimal	81, 2, 210	`rgb(81,2,210)`
RGB Percent	31.8, 0.8, 82.4	`rgb(31.8%,0.8%,82.4%)`
CMYK	61, 99, 0, 18
HSL	262.8°, 98.1, 41.6	`hsl(262.8,98.1%,41.6%)`
HSV (or HSB)	262.8°, 99, 82.4
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.51, 70.004, -85.064
XYZ	15.046, 6.445, 61.42
xyY	0.181, 0.078, 6.445
CIE-LCH	30.51, 110.165, 309.453
CIE-LUV	30.51, 2.177, -108.022
Hunter-Lab	25.388, 61.357, -125.668
Binary	01010001, 00000010, 11010010

#5102d2
```
#5102d2 rgb(81,2,210)
```
#83d202
```
#83d202 rgb(131,210,2)
```

Complementary Color

#021bd2
```
#021bd2 rgb(2,27,210)
```
#5102d2
```
#5102d2 rgb(81,2,210)
```
#b902d2
```
#b902d2 rgb(185,2,210)
```

Analogous Color

#1bd202
```
#1bd202 rgb(27,210,2)
```
#5102d2
```
#5102d2 rgb(81,2,210)
```
#d2b902
```
#d2b902 rgb(210,185,2)
```

Split Complementary Color

#02d251
```
#02d251 rgb(2,210,81)
```
#5102d2
```
#5102d2 rgb(81,2,210)
```
#d25102
```
#d25102 rgb(210,81,2)
```

Triadic Color

#0283d2
```
#0283d2 rgb(2,131,210)
```
#5102d2
```
#5102d2 rgb(81,2,210)
```
#d25102
```
#d25102 rgb(210,81,2)
```
#83d202
```
#83d202 rgb(131,210,2)
```

Tetradic Color

#340186
```
#340186 rgb(52,1,134)
```
#3e029f
```
#3e029f rgb(62,2,159)
```
#4702b9
```
#4702b9 rgb(71,2,185)
```
#5102d2
```
#5102d2 rgb(81,2,210)
```
#5b02eb
```
#5b02eb rgb(91,2,235)
```
#660afd
```
#660afd rgb(102,10,253)
```
#7624fd
```
#7624fd rgb(118,36,253)
```

Monochromatic Color

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

#1d02d2
```
#1d02d2 rgb(29,2,210)
```
#2e02d2
```
#2e02d2 rgb(46,2,210)
```
#4002d2
```
#4002d2 rgb(64,2,210)
```
#5102d2
```
#5102d2 rgb(81,2,210)
```
#6202d2
```
#6202d2 rgb(98,2,210)
```
#7402d2
```
#7402d2 rgb(116,2,210)
```
#8502d2
```
#8502d2 rgb(133,2,210)
```

Similar Colors

Text with hexadecimal color #5102d2

This text has a font color of #5102d2.

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

#5102d2 background color

This paragraph has a background color of #5102d2.

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

#5102d2 border color

This element has a border color of #5102d2.

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

CSS codes

.text {color:#5102d2;}

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

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

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 #fdfbff is the lightest one.

#060010
```
#060010 rgb(6,0,16)
```
#0e0023
```
#0e0023 rgb(14,0,35)
```
#150137
```
#150137 rgb(21,1,55)
```
#1d014a
```
#1d014a rgb(29,1,74)
```
#24015d
```
#24015d rgb(36,1,93)
```
#2c0171
```
#2c0171 rgb(44,1,113)
```
#330184
```
#330184 rgb(51,1,132)
```
#3b0198
```
#3b0198 rgb(59,1,152)
```
#4202ab
```
#4202ab rgb(66,2,171)
```
#4a02bf
```
#4a02bf rgb(74,2,191)
```
#5102d2
```
#5102d2 rgb(81,2,210)
```
#5802e5
```
#5802e5 rgb(88,2,229)
```
#6002f9
```
#6002f9 rgb(96,2,249)
```

Shade Color Variation

#6b12fd
```
#6b12fd rgb(107,18,253)
```
#7726fd
```
#7726fd rgb(119,38,253)
```
#8339fd
```
#8339fd rgb(131,57,253)
```
#904cfd
```
#904cfd rgb(144,76,253)
```
#9c60fd
```
#9c60fd rgb(156,96,253)
```
#a873fe
```
#a873fe rgb(168,115,254)
```
#b487fe
```
#b487fe rgb(180,135,254)
```
#c09afe
```
#c09afe rgb(192,154,254)
```
#ccaefe
```
#ccaefe rgb(204,174,254)
```
#d8c1fe
```
#d8c1fe rgb(216,193,254)
```
#e4d4ff
```
#e4d4ff rgb(228,212,255)
```
#f1e8ff
```
#f1e8ff rgb(241,232,255)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#696470
```
#696470 rgb(105,100,112)
```
#675c78
```
#675c78 rgb(103,92,120)
```
#655480
```
#655480 rgb(101,84,128)
```
#634b89
```
#634b89 rgb(99,75,137)
```
#614391
```
#614391 rgb(97,67,145)
```
#5f3b99
```
#5f3b99 rgb(95,59,153)
```
#5d33a1
```
#5d33a1 rgb(93,51,161)
```
#5b2ba9
```
#5b2ba9 rgb(91,43,169)
```
#5923b1
```
#5923b1 rgb(89,35,177)
```
#571aba
```
#571aba rgb(87,26,186)
```
#5512c2
```
#5512c2 rgb(85,18,194)
```
#530aca
```
#530aca rgb(83,10,202)
```
#5102d2
```
#5102d2 rgb(81,2,210)
```

Tone Color Variation

Below, you can see how #5102d2 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

#313131 Achromatopsia 0.005% of the population
#372851 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#1d33ad Protanomaly 1% of men, 0.01% of women
#1d36a0 Deuteranomaly 6% of men, 0.4% of women
#1d3988 Tritanomaly 0.01% of the population

#5102d2 hex color

#5102d2 Color Information

#5102d2 Color Conversion

Color Schemes with #5102d2

Alternatives to #5102d2

#5102d2 Preview

Shades and Tints of #5102d2

Tones of #5102d2

Color Blindness Simulator