#5106b4 hex color

In a RGB color space, hex #5106b4 is composed of 31.8% red, 2.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 96.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 265.9 degrees, a saturation of 93.5% and a lightness of 36.5%. #5106b4 color hex could be obtained by blending #a20cff with #000069. Closest websafe color is: #6600cc.

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

● #5106b4 color description : Strong violet.

The hexadecimal color #5106b4 has RGB values of R:81, G:6, B:180 and CMYK values of C:0.55, M:0.97, Y:0, K:0.29. Its decimal value is 5310132.

Hex triplet	5106b4	`#5106b4`
RGB Decimal	81, 6, 180	`rgb(81,6,180)`
RGB Percent	31.8, 2.4, 70.6	`rgb(31.8%,2.4%,70.6%)`
CMYK	55, 97, 0, 29
HSL	265.9°, 93.5, 36.5	`hsl(265.9,93.5%,36.5%)`
HSV (or HSB)	265.9°, 96.7, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	27.227, 62.369, -72.84
XYZ	11.695, 5.175, 43.56
xyY	0.194, 0.086, 5.175
CIE-LCH	27.227, 95.894, 310.572
CIE-LUV	27.227, 5.24, -90.837
Hunter-Lab	22.748, 51.962, -97.611
Binary	01010001, 00000110, 10110100

#5106b4
```
#5106b4 rgb(81,6,180)
```
#69b406
```
#69b406 rgb(105,180,6)
```

Complementary Color

#0612b4
```
#0612b4 rgb(6,18,180)
```
#5106b4
```
#5106b4 rgb(81,6,180)
```
#a806b4
```
#a806b4 rgb(168,6,180)
```

Analogous Color

#12b406
```
#12b406 rgb(18,180,6)
```
#5106b4
```
#5106b4 rgb(81,6,180)
```
#b4a806
```
#b4a806 rgb(180,168,6)
```

Split Complementary Color

#06b451
```
#06b451 rgb(6,180,81)
```
#5106b4
```
#5106b4 rgb(81,6,180)
```
#b45106
```
#b45106 rgb(180,81,6)
```

Triadic Color

#0669b4
```
#0669b4 rgb(6,105,180)
```
#5106b4
```
#5106b4 rgb(81,6,180)
```
#b45106
```
#b45106 rgb(180,81,6)
```
#69b406
```
#69b406 rgb(105,180,6)
```

Tetradic Color

#30046a
```
#30046a rgb(48,4,106)
```
#3b0483
```
#3b0483 rgb(59,4,131)
```
#46059b
```
#46059b rgb(70,5,155)
```
#5106b4
```
#5106b4 rgb(81,6,180)
```
#5c07cd
```
#5c07cd rgb(92,7,205)
```
#6708e5
```
#6708e5 rgb(103,8,229)
```
#730ff7
```
#730ff7 rgb(115,15,247)
```

Monochromatic Color

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

#2506b4
```
#2506b4 rgb(37,6,180)
```
#3406b4
```
#3406b4 rgb(52,6,180)
```
#4306b4
```
#4306b4 rgb(67,6,180)
```
#5106b4
```
#5106b4 rgb(81,6,180)
```
#6006b4
```
#6006b4 rgb(96,6,180)
```
#6e06b4
```
#6e06b4 rgb(110,6,180)
```
#7d06b4
```
#7d06b4 rgb(125,6,180)
```

Similar Colors

Text with hexadecimal color #5106b4

This text has a font color of #5106b4.

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

#5106b4 background color

This paragraph has a background color of #5106b4.

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

#5106b4 border color

This element has a border color of #5106b4.

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

CSS codes

.text {color:#5106b4;}

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

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

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

#040009
```
#040009 rgb(4,0,9)
```
#0d011c
```
#0d011c rgb(13,1,28)
```
#15022f
```
#15022f rgb(21,2,47)
```
#1e0242
```
#1e0242 rgb(30,2,66)
```
#260355
```
#260355 rgb(38,3,85)
```
#2f0368
```
#2f0368 rgb(47,3,104)
```
#37047b
```
#37047b rgb(55,4,123)
```
#40058e
```
#40058e rgb(64,5,142)
```
#4805a1
```
#4805a1 rgb(72,5,161)
```
#5106b4
```
#5106b4 rgb(81,6,180)
```
#5a07c7
```
#5a07c7 rgb(90,7,199)
```
#6207da
```
#6207da rgb(98,7,218)
```
#6b08ed
```
#6b08ed rgb(107,8,237)
```

Shade Color Variation

#7411f7
```
#7411f7 rgb(116,17,247)
```
#7f24f8
```
#7f24f8 rgb(127,36,248)
```
#8b37f8
```
#8b37f8 rgb(139,55,248)
```
#964af9
```
#964af9 rgb(150,74,249)
```
#a15dfa
```
#a15dfa rgb(161,93,250)
```
#ac70fa
```
#ac70fa rgb(172,112,250)
```
#b783fb
```
#b783fb rgb(183,131,251)
```
#c296fc
```
#c296fc rgb(194,150,252)
```
#cda9fc
```
#cda9fc rgb(205,169,252)
```
#d8bcfd
```
#d8bcfd rgb(216,188,253)
```
#e3cffd
```
#e3cffd rgb(227,207,253)
```
#eee2fe
```
#eee2fe rgb(238,226,254)
```
#f9f5ff
```
#f9f5ff rgb(249,245,255)
```

Tint Color Variation

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

#5d5c5e
```
#5d5c5e rgb(93,92,94)
```
#5c5565
```
#5c5565 rgb(92,85,101)
```
#5b4e6c
```
#5b4e6c rgb(91,78,108)
```
#5a4674
```
#5a4674 rgb(90,70,116)
```
#593f7b
```
#593f7b rgb(89,63,123)
```
#583882
```
#583882 rgb(88,56,130)
```
#573189
```
#573189 rgb(87,49,137)
```
#562a90
```
#562a90 rgb(86,42,144)
```
#552397
```
#552397 rgb(85,35,151)
```
#541b9f
```
#541b9f rgb(84,27,159)
```
#5314a6
```
#5314a6 rgb(83,20,166)
```
#520dad
```
#520dad rgb(82,13,173)
```
#5106b4
```
#5106b4 rgb(81,6,180)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#37284a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488b 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
#1d328e Deuteranomaly 6% of men, 0.4% of women
#393477 Tritanomaly 0.01% of the population

#5106b4 hex color

#5106b4 Color Information

#5106b4 Color Conversion

Color Schemes with #5106b4

Alternatives to #5106b4

#5106b4 Preview

Shades and Tints of #5106b4

Tones of #5106b4

Color Blindness Simulator