#5102dd hex color

In a RGB color space, hex #5102dd is composed of 31.8% red, 0.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 99.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 261.6 degrees, a saturation of 98.2% and a lightness of 43.7%. #5102dd color hex could be obtained by blending #a204ff with #0000bb. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 32
- G 1
- B 87
RGB color chart
- C 63
- M 99
- Y 0
- K 13
CMYK color chart

● #5102dd color description : Vivid violet.

The hexadecimal color #5102dd has RGB values of R:81, G:2, B:221 and CMYK values of C:0.63, M:0.99, Y:0, K:0.13. Its decimal value is 5309149.

Hex triplet	5102dd	`#5102dd`
RGB Decimal	81, 2, 221	`rgb(81,2,221)`
RGB Percent	31.8, 0.8, 86.7	`rgb(31.8%,0.8%,86.7%)`
CMYK	63, 99, 0, 13
HSL	261.6°, 98.2, 43.7	`hsl(261.6,98.2%,43.7%)`
HSV (or HSB)	261.6°, 99.1, 86.7
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.836, 72.531, -89.22
XYZ	16.464, 7.013, 68.889
xyY	0.178, 0.076, 7.013
CIE-LCH	31.836, 114.983, 309.109
CIE-LUV	31.836, 1.135, -114.269
Hunter-Lab	26.481, 64.633, -135.7
Binary	01010001, 00000010, 11011101

#5102dd
```
#5102dd rgb(81,2,221)
```
#8edd02
```
#8edd02 rgb(142,221,2)
```

Complementary Color

#0221dd
```
#0221dd rgb(2,33,221)
```
#5102dd
```
#5102dd rgb(81,2,221)
```
#bf02dd
```
#bf02dd rgb(191,2,221)
```

Analogous Color

#20dd02
```
#20dd02 rgb(32,221,2)
```
#5102dd
```
#5102dd rgb(81,2,221)
```
#ddbf02
```
#ddbf02 rgb(221,191,2)
```

Split Complementary Color

#02dd51
```
#02dd51 rgb(2,221,81)
```
#5102dd
```
#5102dd rgb(81,2,221)
```
#dd5102
```
#dd5102 rgb(221,81,2)
```

Triadic Color

#028edd
```
#028edd rgb(2,142,221)
```
#5102dd
```
#5102dd rgb(81,2,221)
```
#dd5102
```
#dd5102 rgb(221,81,2)
```
#8edd02
```
#8edd02 rgb(142,221,2)
```

Tetradic Color

#350191
```
#350191 rgb(53,1,145)
```
#3e02aa
```
#3e02aa rgb(62,2,170)
```
#4802c4
```
#4802c4 rgb(72,2,196)
```
#5102dd
```
#5102dd rgb(81,2,221)
```
#5a02f6
```
#5a02f6 rgb(90,2,246)
```
#6915fd
```
#6915fd rgb(105,21,253)
```
#792efd
```
#792efd rgb(121,46,253)
```

Monochromatic Color

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

#1a02dd
```
#1a02dd rgb(26,2,221)
```
#2d02dd
```
#2d02dd rgb(45,2,221)
```
#3f02dd
```
#3f02dd rgb(63,2,221)
```
#5102dd
```
#5102dd rgb(81,2,221)
```
#6302dd
```
#6302dd rgb(99,2,221)
```
#7602dd
```
#7602dd rgb(118,2,221)
```
#8802dd
```
#8802dd rgb(136,2,221)
```

Similar Colors

Text with hexadecimal color #5102dd

This text has a font color of #5102dd.

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

#5102dd background color

This paragraph has a background color of #5102dd.

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

#5102dd border color

This element has a border color of #5102dd.

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

CSS codes

.text {color:#5102dd;}

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

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

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

#030007
```
#030007 rgb(3,0,7)
```
#0a001b
```
#0a001b rgb(10,0,27)
```
#11002e
```
#11002e rgb(17,0,46)
```
#180141
```
#180141 rgb(24,1,65)
```
#1f0155
```
#1f0155 rgb(31,1,85)
```
#260168
```
#260168 rgb(38,1,104)
```
#2d017c
```
#2d017c rgb(45,1,124)
```
#35018f
```
#35018f rgb(53,1,143)
```
#3c01a3
```
#3c01a3 rgb(60,1,163)
```
#4302b6
```
#4302b6 rgb(67,2,182)
```
#4a02ca
```
#4a02ca rgb(74,2,202)
```
#5102dd
```
#5102dd rgb(81,2,221)
```
#5802f0
```
#5802f0 rgb(88,2,240)
```

Shade Color Variation

#6109fd
```
#6109fd rgb(97,9,253)
```
#6e1dfd
```
#6e1dfd rgb(110,29,253)
```
#7a30fd
```
#7a30fd rgb(122,48,253)
```
#8744fd
```
#8744fd rgb(135,68,253)
```
#9357fd
```
#9357fd rgb(147,87,253)
```
#a06bfe
```
#a06bfe rgb(160,107,254)
```
#ac7efe
```
#ac7efe rgb(172,126,254)
```
#b992fe
```
#b992fe rgb(185,146,254)
```
#c5a5fe
```
#c5a5fe rgb(197,165,254)
```
#d2b8fe
```
#d2b8fe rgb(210,184,254)
```
#deccff
```
#deccff rgb(222,204,255)
```
#ebdfff
```
#ebdfff rgb(235,223,255)
```
#f7f3ff
```
#f7f3ff rgb(247,243,255)
```

Tint Color Variation

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

#6e6976
```
#6e6976 rgb(110,105,118)
```
#6b607f
```
#6b607f rgb(107,96,127)
```
#695887
```
#695887 rgb(105,88,135)
```
#674f90
```
#674f90 rgb(103,79,144)
```
#644798
```
#644798 rgb(100,71,152)
```
#623ea1
```
#623ea1 rgb(98,62,161)
```
#5f35aa
```
#5f35aa rgb(95,53,170)
```
#5d2db2
```
#5d2db2 rgb(93,45,178)
```
#5b24bb
```
#5b24bb rgb(91,36,187)
```
#581cc3
```
#581cc3 rgb(88,28,195)
```
#5613cc
```
#5613cc rgb(86,19,204)
```
#530bd4
```
#530bd4 rgb(83,11,212)
```
#5102dd
```
#5102dd rgb(81,2,221)
```

Tone Color Variation

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

Dichromacy

#00519e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c62 Tritanopia 0.001% of the population

Trichromacy

#1d34b5 Protanomaly 1% of men, 0.01% of women
#1d37a7 Deuteranomaly 6% of men, 0.4% of women
#1d3b8e Tritanomaly 0.01% of the population

#5102dd hex color

#5102dd Color Information

#5102dd Color Conversion

Color Schemes with #5102dd

Alternatives to #5102dd

#5102dd Preview

Shades and Tints of #5102dd

Tones of #5102dd

Color Blindness Simulator