#5103b2 hex color

In a RGB color space, hex #5103b2 is composed of 31.8% red, 1.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 98.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 266.7 degrees, a saturation of 96.7% and a lightness of 35.5%. #5103b2 color hex could be obtained by blending #a206ff with #000065. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 32
- G 1
- B 70
RGB color chart
- C 54
- M 98
- Y 0
- K 30
CMYK color chart

● #5103b2 color description : Dark violet.

The hexadecimal color #5103b2 has RGB values of R:81, G:3, B:178 and CMYK values of C:0.54, M:0.98, Y:0, K:0.3. Its decimal value is 5309362.

Hex triplet	5103b2	`#5103b2`
RGB Decimal	81, 3, 178	`rgb(81,3,178)`
RGB Percent	31.8, 1.2, 69.8	`rgb(31.8%,1.2%,69.8%)`
CMYK	54, 98, 0, 30
HSL	266.7°, 96.7, 35.5	`hsl(266.7,96.7%,35.5%)`
HSV (or HSB)	266.7°, 98.3, 69.8
Web Safe	660099	`#660099`

CIE-LAB	26.816, 62.463, -72.324
XYZ	11.46, 5.029, 42.484
xyY	0.194, 0.085, 5.029
CIE-LCH	26.816, 95.563, 310.815
CIE-LUV	26.816, 5.589, -89.659
Hunter-Lab	22.425, 51.982, -96.629
Binary	01010001, 00000011, 10110010

#5103b2
```
#5103b2 rgb(81,3,178)
```
#64b203
```
#64b203 rgb(100,178,3)
```

Complementary Color

#030db2
```
#030db2 rgb(3,13,178)
```
#5103b2
```
#5103b2 rgb(81,3,178)
```
#a903b2
```
#a903b2 rgb(169,3,178)
```

Analogous Color

#0db203
```
#0db203 rgb(13,178,3)
```
#5103b2
```
#5103b2 rgb(81,3,178)
```
#b2a903
```
#b2a903 rgb(178,169,3)
```

Split Complementary Color

#03b251
```
#03b251 rgb(3,178,81)
```
#5103b2
```
#5103b2 rgb(81,3,178)
```
#b25103
```
#b25103 rgb(178,81,3)
```

Triadic Color

#0364b2
```
#0364b2 rgb(3,100,178)
```
#5103b2
```
#5103b2 rgb(81,3,178)
```
#b25103
```
#b25103 rgb(178,81,3)
```
#64b203
```
#64b203 rgb(100,178,3)
```

Tetradic Color

#2f0267
```
#2f0267 rgb(47,2,103)
```
#3a0280
```
#3a0280 rgb(58,2,128)
```
#460399
```
#460399 rgb(70,3,153)
```
#5103b2
```
#5103b2 rgb(81,3,178)
```
#5c03cb
```
#5c03cb rgb(92,3,203)
```
#6804e4
```
#6804e4 rgb(104,4,228)
```
#7307fb
```
#7307fb rgb(115,7,251)
```

Monochromatic Color

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

#2503b2
```
#2503b2 rgb(37,3,178)
```
#3403b2
```
#3403b2 rgb(52,3,178)
```
#4203b2
```
#4203b2 rgb(66,3,178)
```
#5103b2
```
#5103b2 rgb(81,3,178)
```
#6003b2
```
#6003b2 rgb(96,3,178)
```
#6e03b2
```
#6e03b2 rgb(110,3,178)
```
#7d03b2
```
#7d03b2 rgb(125,3,178)
```

Similar Colors

Text with hexadecimal color #5103b2

This text has a font color of #5103b2.

<span style="color:#5103b2;">Text here</span>

#5103b2 background color

This paragraph has a background color of #5103b2.

<p style="background-color:#5103b2;">Content here</p>

#5103b2 border color

This element has a border color of #5103b2.

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

CSS codes

.text {color:#5103b2;}

.background {background-color:#5103b2;}

.border {border:1px solid #5103b2;}

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

#020004
```
#020004 rgb(2,0,4)
```
#0b0018
```
#0b0018 rgb(11,0,24)
```
#14012b
```
#14012b rgb(20,1,43)
```
#1c013e
```
#1c013e rgb(28,1,62)
```
#250152
```
#250152 rgb(37,1,82)
```
#2e0265
```
#2e0265 rgb(46,2,101)
```
#370278
```
#370278 rgb(55,2,120)
```
#3f028b
```
#3f028b rgb(63,2,139)
```
#48039f
```
#48039f rgb(72,3,159)
```
#5103b2
```
#5103b2 rgb(81,3,178)
```
#5a03c5
```
#5a03c5 rgb(90,3,197)
```
#6304d9
```
#6304d9 rgb(99,4,217)
```
#6b04ec
```
#6b04ec rgb(107,4,236)
```

Shade Color Variation

#7509fb
```
#7509fb rgb(117,9,251)
```
#7f1cfb
```
#7f1cfb rgb(127,28,251)
```
#8a2ffb
```
#8a2ffb rgb(138,47,251)
```
#9542fc
```
#9542fc rgb(149,66,252)
```
#a056fc
```
#a056fc rgb(160,86,252)
```
#ab69fc
```
#ab69fc rgb(171,105,252)
```
#b67cfd
```
#b67cfd rgb(182,124,253)
```
#c090fd
```
#c090fd rgb(192,144,253)
```
#cba3fd
```
#cba3fd rgb(203,163,253)
```
#d6b6fe
```
#d6b6fe rgb(214,182,254)
```
#e1cafe
```
#e1cafe rgb(225,202,254)
```
#ecddfe
```
#ecddfe rgb(236,221,254)
```
#f7f0ff
```
#f7f0ff rgb(247,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a575e is the less saturated color, while #5103b2 is the most saturated one.

#5a575e
```
#5a575e rgb(90,87,94)
```
#595065
```
#595065 rgb(89,80,101)
```
#59496c
```
#59496c rgb(89,73,108)
```
#584273
```
#584273 rgb(88,66,115)
```
#573b7a
```
#573b7a rgb(87,59,122)
```
#563481
```
#563481 rgb(86,52,129)
```
#562d88
```
#562d88 rgb(86,45,136)
```
#55268f
```
#55268f rgb(85,38,143)
```
#541f96
```
#541f96 rgb(84,31,150)
```
#53189d
```
#53189d rgb(83,24,157)
```
#5311a4
```
#5311a4 rgb(83,17,164)
```
#520aab
```
#520aab rgb(82,10,171)
```
#5103b2
```
#5103b2 rgb(81,3,178)
```

Tone Color Variation

Below, you can see how #5103b2 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

#2e2e2e Achromatopsia 0.005% of the population
#352548 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478a Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#2d4e53 Tritanopia 0.001% of the population

Trichromacy

#1d2e98 Protanomaly 1% of men, 0.01% of women
#1d318d Deuteranomaly 6% of men, 0.4% of women
#3a3276 Tritanomaly 0.01% of the population

#5103b2 hex color

#5103b2 Color Information

#5103b2 Color Conversion

Color Schemes with #5103b2

Alternatives to #5103b2

#5103b2 Preview

Shades and Tints of #5103b2

Tones of #5103b2

Color Blindness Simulator