#5107b1 hex color

In a RGB color space, hex #5107b1 is composed of 31.8% red, 2.7% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 96% magenta, 0% yellow and 30.6% black. It has a hue angle of 266.1 degrees, a saturation of 92.4% and a lightness of 36.1%. #5107b1 color hex could be obtained by blending #a20eff with #000063. Closest websafe color is: #660099.

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

● #5107b1 color description : Dark violet.

The hexadecimal color #5107b1 has RGB values of R:81, G:7, B:177 and CMYK values of C:0.54, M:0.96, Y:0, K:0.31. Its decimal value is 5310385.

Hex triplet	5107b1	`#5107b1`
RGB Decimal	81, 7, 177	`rgb(81,7,177)`
RGB Percent	31.8, 2.7, 69.4	`rgb(31.8%,2.7%,69.4%)`
CMYK	54, 96, 0, 31
HSL	266.1°, 92.4, 36.1	`hsl(266.1,92.4%,36.1%)`
HSV (or HSB)	266.1°, 96, 69.4
Web Safe	660099	`#660099`

CIE-LAB	26.949, 61.484, -71.506
XYZ	11.404, 5.075, 41.971
xyY	0.195, 0.087, 5.075
CIE-LCH	26.949, 94.305, 310.691
CIE-LUV	26.949, 5.558, -89.101
Hunter-Lab	22.529, 50.929, -94.688
Binary	01010001, 00000111, 10110001

#5107b1
```
#5107b1 rgb(81,7,177)
```
#67b107
```
#67b107 rgb(103,177,7)
```

Complementary Color

#0712b1
```
#0712b1 rgb(7,18,177)
```
#5107b1
```
#5107b1 rgb(81,7,177)
```
#a607b1
```
#a607b1 rgb(166,7,177)
```

Analogous Color

#12b107
```
#12b107 rgb(18,177,7)
```
#5107b1
```
#5107b1 rgb(81,7,177)
```
#b1a607
```
#b1a607 rgb(177,166,7)
```

Split Complementary Color

#07b151
```
#07b151 rgb(7,177,81)
```
#5107b1
```
#5107b1 rgb(81,7,177)
```
#b15107
```
#b15107 rgb(177,81,7)
```

Triadic Color

#0767b1
```
#0767b1 rgb(7,103,177)
```
#5107b1
```
#5107b1 rgb(81,7,177)
```
#b15107
```
#b15107 rgb(177,81,7)
```
#67b107
```
#67b107 rgb(103,177,7)
```

Tetradic Color

#2f0467
```
#2f0467 rgb(47,4,103)
```
#3b0580
```
#3b0580 rgb(59,5,128)
```
#460698
```
#460698 rgb(70,6,152)
```
#5107b1
```
#5107b1 rgb(81,7,177)
```
#5c08ca
```
#5c08ca rgb(92,8,202)
```
#6709e2
```
#6709e2 rgb(103,9,226)
```
#730ff6
```
#730ff6 rgb(115,15,246)
```

Monochromatic Color

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

#2607b1
```
#2607b1 rgb(38,7,177)
```
#3507b1
```
#3507b1 rgb(53,7,177)
```
#4307b1
```
#4307b1 rgb(67,7,177)
```
#5107b1
```
#5107b1 rgb(81,7,177)
```
#5f07b1
```
#5f07b1 rgb(95,7,177)
```
#6d07b1
```
#6d07b1 rgb(109,7,177)
```
#7c07b1
```
#7c07b1 rgb(124,7,177)
```

Similar Colors

Text with hexadecimal color #5107b1

This text has a font color of #5107b1.

<span style="color:#5107b1;">Text here</span>

#5107b1 background color

This paragraph has a background color of #5107b1.

<p style="background-color:#5107b1;">Content here</p>

#5107b1 border color

This element has a border color of #5107b1.

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

CSS codes

.text {color:#5107b1;}

.background {background-color:#5107b1;}

.border {border:1px solid #5107b1;}

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

#030007
```
#030007 rgb(3,0,7)
```
#0c011a
```
#0c011a rgb(12,1,26)
```
#15022d
```
#15022d rgb(21,2,45)
```
#1d0340
```
#1d0340 rgb(29,3,64)
```
#260353
```
#260353 rgb(38,3,83)
```
#2e0466
```
#2e0466 rgb(46,4,102)
```
#370578
```
#370578 rgb(55,5,120)
```
#40068b
```
#40068b rgb(64,6,139)
```
#48069e
```
#48069e rgb(72,6,158)
```
#5107b1
```
#5107b1 rgb(81,7,177)
```
#5a08c4
```
#5a08c4 rgb(90,8,196)
```
#6208d7
```
#6208d7 rgb(98,8,215)
```
#6b09ea
```
#6b09ea rgb(107,9,234)
```

Shade Color Variation

#7411f6
```
#7411f6 rgb(116,17,246)
```
#7f24f6
```
#7f24f6 rgb(127,36,246)
```
#8a37f7
```
#8a37f7 rgb(138,55,247)
```
#9549f8
```
#9549f8 rgb(149,73,248)
```
#a05cf9
```
#a05cf9 rgb(160,92,249)
```
#ab6ff9
```
#ab6ff9 rgb(171,111,249)
```
#b682fa
```
#b682fa rgb(182,130,250)
```
#c195fb
```
#c195fb rgb(193,149,251)
```
#cca8fc
```
#cca8fc rgb(204,168,252)
```
#d7bbfc
```
#d7bbfc rgb(215,187,252)
```
#e2cefd
```
#e2cefd rgb(226,206,253)
```
#ede0fe
```
#ede0fe rgb(237,224,254)
```
#f8f3ff
```
#f8f3ff rgb(248,243,255)
```

Tint Color Variation

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

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#5b5563
```
#5b5563 rgb(91,85,99)
```
#5a4e6a
```
#5a4e6a rgb(90,78,106)
```
#594771
```
#594771 rgb(89,71,113)
```
#584078
```
#584078 rgb(88,64,120)
```
#57397f
```
#57397f rgb(87,57,127)
```
#563187
```
#563187 rgb(86,49,135)
```
#562a8e
```
#562a8e rgb(86,42,142)
```
#552395
```
#552395 rgb(85,35,149)
```
#541c9c
```
#541c9c rgb(84,28,156)
```
#5315a3
```
#5315a3 rgb(83,21,163)
```
#520eaa
```
#520eaa rgb(82,14,170)
```
#5107b1
```
#5107b1 rgb(81,7,177)
```

Tone Color Variation

Below, you can see how #5107b1 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
#37294b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1d3098 Protanomaly 1% of men, 0.01% of women
#1d328d Deuteranomaly 6% of men, 0.4% of women
#3b3475 Tritanomaly 0.01% of the population

#5107b1 hex color

#5107b1 Color Information

#5107b1 Color Conversion

Color Schemes with #5107b1

Alternatives to #5107b1

#5107b1 Preview

Shades and Tints of #5107b1

Tones of #5107b1

Color Blindness Simulator