#5107b4 hex color

In a RGB color space, hex #5107b4 is composed of 31.8% red, 2.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 96.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 265.7 degrees, a saturation of 92.5% and a lightness of 36.7%. #5107b4 color hex could be obtained by blending #a20eff with #000069. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 32
- G 3
- B 71
RGB color chart
- C 55
- M 96
- Y 0
- K 29
CMYK color chart

● #5107b4 color description : Strong violet.

The hexadecimal color #5107b4 has RGB values of R:81, G:7, B:180 and CMYK values of C:0.55, M:0.96, Y:0, K:0.29. Its decimal value is 5310388.

Hex triplet	5107b4	`#5107b4`
RGB Decimal	81, 7, 180	`rgb(81,7,180)`
RGB Percent	31.8, 2.7, 70.6	`rgb(31.8%,2.7%,70.6%)`
CMYK	55, 96, 0, 29
HSL	265.7°, 92.5, 36.7	`hsl(265.7,92.5%,36.7%)`
HSV (or HSB)	265.7°, 96.1, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	27.287, 62.186, -72.74
XYZ	11.706, 5.196, 43.564
xyY	0.194, 0.086, 5.196
CIE-LCH	27.287, 95.699, 310.527
CIE-LUV	27.287, 5.203, -90.843
Hunter-Lab	22.796, 51.772, -97.35
Binary	01010001, 00000111, 10110100

#5107b4
```
#5107b4 rgb(81,7,180)
```
#6ab407
```
#6ab407 rgb(106,180,7)
```

Complementary Color

#0714b4
```
#0714b4 rgb(7,20,180)
```
#5107b4
```
#5107b4 rgb(81,7,180)
```
#a807b4
```
#a807b4 rgb(168,7,180)
```

Analogous Color

#14b407
```
#14b407 rgb(20,180,7)
```
#5107b4
```
#5107b4 rgb(81,7,180)
```
#b4a807
```
#b4a807 rgb(180,168,7)
```

Split Complementary Color

#07b451
```
#07b451 rgb(7,180,81)
```
#5107b4
```
#5107b4 rgb(81,7,180)
```
#b45107
```
#b45107 rgb(180,81,7)
```

Triadic Color

#076ab4
```
#076ab4 rgb(7,106,180)
```
#5107b4
```
#5107b4 rgb(81,7,180)
```
#b45107
```
#b45107 rgb(180,81,7)
```
#6ab407
```
#6ab407 rgb(106,180,7)
```

Tetradic Color

#30046a
```
#30046a rgb(48,4,106)
```
#3b0583
```
#3b0583 rgb(59,5,131)
```
#46069b
```
#46069b rgb(70,6,155)
```
#5107b4
```
#5107b4 rgb(81,7,180)
```
#5c08cd
```
#5c08cd rgb(92,8,205)
```
#6709e5
```
#6709e5 rgb(103,9,229)
```
#7312f6
```
#7312f6 rgb(115,18,246)
```

Monochromatic Color

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

#2607b4
```
#2607b4 rgb(38,7,180)
```
#3407b4
```
#3407b4 rgb(52,7,180)
```
#4307b4
```
#4307b4 rgb(67,7,180)
```
#5107b4
```
#5107b4 rgb(81,7,180)
```
#5f07b4
```
#5f07b4 rgb(95,7,180)
```
#6e07b4
```
#6e07b4 rgb(110,7,180)
```
#7c07b4
```
#7c07b4 rgb(124,7,180)
```

Similar Colors

Text with hexadecimal color #5107b4

This text has a font color of #5107b4.

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

#5107b4 background color

This paragraph has a background color of #5107b4.

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

#5107b4 border color

This element has a border color of #5107b4.

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

CSS codes

.text {color:#5107b4;}

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

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

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, #05000a is the darkest color, while #faf6ff is the lightest one.

#05000a
```
#05000a rgb(5,0,10)
```
#0d011d
```
#0d011d rgb(13,1,29)
```
#160230
```
#160230 rgb(22,2,48)
```
#1e0343
```
#1e0343 rgb(30,3,67)
```
#270356
```
#270356 rgb(39,3,86)
```
#2f0468
```
#2f0468 rgb(47,4,104)
```
#38057b
```
#38057b rgb(56,5,123)
```
#40068e
```
#40068e rgb(64,6,142)
```
#4906a1
```
#4906a1 rgb(73,6,161)
```
#5107b4
```
#5107b4 rgb(81,7,180)
```
#5908c7
```
#5908c7 rgb(89,8,199)
```
#6208da
```
#6208da rgb(98,8,218)
```
#6a09ed
```
#6a09ed rgb(106,9,237)
```

Shade Color Variation

#7414f6
```
#7414f6 rgb(116,20,246)
```
#8026f7
```
#8026f7 rgb(128,38,247)
```
#8b39f7
```
#8b39f7 rgb(139,57,247)
```
#964cf8
```
#964cf8 rgb(150,76,248)
```
#a15ff9
```
#a15ff9 rgb(161,95,249)
```
#ac72fa
```
#ac72fa rgb(172,114,250)
```
#b785fa
```
#b785fa rgb(183,133,250)
```
#c298fb
```
#c298fb rgb(194,152,251)
```
#cdabfc
```
#cdabfc rgb(205,171,252)
```
#d8befc
```
#d8befc rgb(216,190,252)
```
#e4d0fd
```
#e4d0fd rgb(228,208,253)
```
#efe3fe
```
#efe3fe rgb(239,227,254)
```
#faf6ff
```
#faf6ff rgb(250,246,255)
```

Tint Color Variation

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

#5d5d5e
```
#5d5d5e rgb(93,93,94)
```
#5c5665
```
#5c5665 rgb(92,86,101)
```
#5b4f6c
```
#5b4f6c rgb(91,79,108)
```
#5a4873
```
#5a4873 rgb(90,72,115)
```
#59417a
```
#59417a rgb(89,65,122)
```
#583982
```
#583982 rgb(88,57,130)
```
#573289
```
#573289 rgb(87,50,137)
```
#562b90
```
#562b90 rgb(86,43,144)
```
#552497
```
#552497 rgb(85,36,151)
```
#541d9e
```
#541d9e rgb(84,29,158)
```
#5315a6
```
#5315a6 rgb(83,21,166)
```
#520ead
```
#520ead rgb(82,14,173)
```
#5107b4
```
#5107b4 rgb(81,7,180)
```

Tone Color Variation

Below, you can see how #5107b4 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

#00488c Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#2b4f55 Tritanopia 0.001% of the population

Trichromacy

#1d309a Protanomaly 1% of men, 0.01% of women
#1d338e Deuteranomaly 6% of men, 0.4% of women
#393577 Tritanomaly 0.01% of the population

#5107b4 hex color

#5107b4 Color Information

#5107b4 Color Conversion

Color Schemes with #5107b4

Alternatives to #5107b4

#5107b4 Preview

Shades and Tints of #5107b4

Tones of #5107b4

Color Blindness Simulator