#5102b0 hex color

In a RGB color space, hex #5102b0 is composed of 31.8% red, 0.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 98.9% magenta, 0% yellow and 31% black. It has a hue angle of 267.2 degrees, a saturation of 97.8% and a lightness of 34.9%. #5102b0 color hex could be obtained by blending #a204ff with #000061. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 32
- G 1
- B 69
RGB color chart
- C 54
- M 99
- Y 0
- K 31
CMYK color chart

● #5102b0 color description : Dark violet.

The hexadecimal color #5102b0 has RGB values of R:81, G:2, B:176 and CMYK values of C:0.54, M:0.99, Y:0, K:0.31. Its decimal value is 5309104.

Hex triplet	5102b0	`#5102b0`
RGB Decimal	81, 2, 176	`rgb(81,2,176)`
RGB Percent	31.8, 0.8, 69	`rgb(31.8%,0.8%,69%)`
CMYK	54, 99, 0, 31
HSL	267.2°, 97.8, 34.9	`hsl(267.2,97.8%,34.9%)`
HSV (or HSB)	267.2°, 98.9, 69
Web Safe	660099	`#660099`

CIE-LAB	26.526, 62.193, -71.606
XYZ	11.25, 4.927, 41.43
xyY	0.195, 0.086, 4.927
CIE-LCH	26.526, 94.844, 310.976
CIE-LUV	26.526, 5.867, -88.492
Hunter-Lab	22.197, 51.623, -95.124
Binary	01010001, 00000010, 10110000

#5102b0
```
#5102b0 rgb(81,2,176)
```
#61b002
```
#61b002 rgb(97,176,2)
```

Complementary Color

#020ab0
```
#020ab0 rgb(2,10,176)
```
#5102b0
```
#5102b0 rgb(81,2,176)
```
#a802b0
```
#a802b0 rgb(168,2,176)
```

Analogous Color

#0ab002
```
#0ab002 rgb(10,176,2)
```
#5102b0
```
#5102b0 rgb(81,2,176)
```
#b0a802
```
#b0a802 rgb(176,168,2)
```

Split Complementary Color

#02b051
```
#02b051 rgb(2,176,81)
```
#5102b0
```
#5102b0 rgb(81,2,176)
```
#b05102
```
#b05102 rgb(176,81,2)
```

Triadic Color

#0261b0
```
#0261b0 rgb(2,97,176)
```
#5102b0
```
#5102b0 rgb(81,2,176)
```
#b05102
```
#b05102 rgb(176,81,2)
```
#61b002
```
#61b002 rgb(97,176,2)
```

Tetradic Color

#2e0164
```
#2e0164 rgb(46,1,100)
```
#3a017e
```
#3a017e rgb(58,1,126)
```
#450297
```
#450297 rgb(69,2,151)
```
#5102b0
```
#5102b0 rgb(81,2,176)
```
#5d02c9
```
#5d02c9 rgb(93,2,201)
```
#6803e2
```
#6803e2 rgb(104,3,226)
```
#7403fc
```
#7403fc rgb(116,3,252)
```

Monochromatic Color

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

#2502b0
```
#2502b0 rgb(37,2,176)
```
#3402b0
```
#3402b0 rgb(52,2,176)
```
#4302b0
```
#4302b0 rgb(67,2,176)
```
#5102b0
```
#5102b0 rgb(81,2,176)
```
#6002b0
```
#6002b0 rgb(96,2,176)
```
#6e02b0
```
#6e02b0 rgb(110,2,176)
```
#7d02b0
```
#7d02b0 rgb(125,2,176)
```

Similar Colors

Text with hexadecimal color #5102b0

This text has a font color of #5102b0.

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

#5102b0 background color

This paragraph has a background color of #5102b0.

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

#5102b0 border color

This element has a border color of #5102b0.

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

CSS codes

.text {color:#5102b0;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0a0015
```
#0a0015 rgb(10,0,21)
```
#130028
```
#130028 rgb(19,0,40)
```
#1b013c
```
#1b013c rgb(27,1,60)
```
#24014f
```
#24014f rgb(36,1,79)
```
#2d0162
```
#2d0162 rgb(45,1,98)
```
#360176
```
#360176 rgb(54,1,118)
```
#3f0289
```
#3f0289 rgb(63,2,137)
```
#48029d
```
#48029d rgb(72,2,157)
```
#5102b0
```
#5102b0 rgb(81,2,176)
```
#5a02c3
```
#5a02c3 rgb(90,2,195)
```
#6302d7
```
#6302d7 rgb(99,2,215)
```
#6c03ea
```
#6c03ea rgb(108,3,234)
```

Shade Color Variation

#7504fc
```
#7504fc rgb(117,4,252)
```
#8018fc
```
#8018fc rgb(128,24,252)
```
#8a2bfd
```
#8a2bfd rgb(138,43,253)
```
#953efd
```
#953efd rgb(149,62,253)
```
#a052fd
```
#a052fd rgb(160,82,253)
```
#aa65fd
```
#aa65fd rgb(170,101,253)
```
#b579fd
```
#b579fd rgb(181,121,253)
```
#c08cfe
```
#c08cfe rgb(192,140,254)
```
#ca9ffe
```
#ca9ffe rgb(202,159,254)
```
#d5b3fe
```
#d5b3fe rgb(213,179,254)
```
#e0c6fe
```
#e0c6fe rgb(224,198,254)
```
#eadaff
```
#eadaff rgb(234,218,255)
```
#f5edff
```
#f5edff rgb(245,237,255)
```

Tint Color Variation

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

#59545e
```
#59545e rgb(89,84,94)
```
#584d65
```
#584d65 rgb(88,77,101)
```
#57466c
```
#57466c rgb(87,70,108)
```
#574072
```
#574072 rgb(87,64,114)
```
#563979
```
#563979 rgb(86,57,121)
```
#553280
```
#553280 rgb(85,50,128)
```
#552b87
```
#552b87 rgb(85,43,135)
```
#54248e
```
#54248e rgb(84,36,142)
```
#541d95
```
#541d95 rgb(84,29,149)
```
#53179b
```
#53179b rgb(83,23,155)
```
#5210a2
```
#5210a2 rgb(82,16,162)
```
#5209a9
```
#5209a9 rgb(82,9,169)
```
#5102b0
```
#5102b0 rgb(81,2,176)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#342447 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a77 Deuteranopia 1% of men
#2f4d52 Tritanopia 0.001% of the population

Trichromacy

#1d2d97 Protanomaly 1% of men, 0.01% of women
#1d308b Deuteranomaly 6% of men, 0.4% of women
#3b3174 Tritanomaly 0.01% of the population

#5102b0 hex color

#5102b0 Color Information

#5102b0 Color Conversion

Color Schemes with #5102b0

Alternatives to #5102b0

#5102b0 Preview

Shades and Tints of #5102b0

Tones of #5102b0

Color Blindness Simulator