#5100f5 hex color

In a RGB color space, hex #5100f5 is composed of 31.8% red, 0% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 100% magenta, 0% yellow and 3.9% black. It has a hue angle of 259.8 degrees, a saturation of 100% and a lightness of 48%. #5100f5 color hex could be obtained by blending #a200ff with #0000eb. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 32
- G 0
- B 96
RGB color chart
- C 67
- M 100
- Y 0
- K 4
CMYK color chart

● #5100f5 color description : Pure (or mostly pure) violet.

The hexadecimal color #5100f5 has RGB values of R:81, G:0, B:245 and CMYK values of C:0.67, M:1, Y:0, K:0.04. Its decimal value is 5308661.

Hex triplet	5100f5	`#5100f5`
RGB Decimal	81, 0, 245	`rgb(81,0,245)`
RGB Percent	31.8, 0, 96.1	`rgb(31.8%,0%,96.1%)`
CMYK	67, 100, 0, 4
HSL	259.8°, 100, 48	`hsl(259.8,100%,48%)`
HSV (or HSB)	259.8°, 100, 96.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.683, 78.295, -98.163
XYZ	19.872, 8.341, 86.944
xyY	0.173, 0.072, 8.341
CIE-LCH	34.683, 125.563, 308.576
CIE-LUV	34.683, -0.889, -127.759
Hunter-Lab	28.881, 72.277, -158.272
Binary	01010001, 00000000, 11110101

#5100f5
```
#5100f5 rgb(81,0,245)
```
#a4f500
```
#a4f500 rgb(164,245,0)
```

Complementary Color

#0029f5
```
#0029f5 rgb(0,41,245)
```
#5100f5
```
#5100f5 rgb(81,0,245)
```
#cc00f5
```
#cc00f5 rgb(204,0,245)
```

Analogous Color

#29f500
```
#29f500 rgb(41,245,0)
```
#5100f5
```
#5100f5 rgb(81,0,245)
```
#f5cc00
```
#f5cc00 rgb(245,204,0)
```

Split Complementary Color

#00f551
```
#00f551 rgb(0,245,81)
```
#5100f5
```
#5100f5 rgb(81,0,245)
```
#f55100
```
#f55100 rgb(245,81,0)
```

Triadic Color

#00a4f5
```
#00a4f5 rgb(0,164,245)
```
#5100f5
```
#5100f5 rgb(81,0,245)
```
#f55100
```
#f55100 rgb(245,81,0)
```
#a4f500
```
#a4f500 rgb(164,245,0)
```

Tetradic Color

#3800a9
```
#3800a9 rgb(56,0,169)
```
#4000c2
```
#4000c2 rgb(64,0,194)
```
#4900dc
```
#4900dc rgb(73,0,220)
```
#5100f5
```
#5100f5 rgb(81,0,245)
```
#5f10ff
```
#5f10ff rgb(95,16,255)
```
#7029ff
```
#7029ff rgb(112,41,255)
```
#8143ff
```
#8143ff rgb(129,67,255)
```

Monochromatic Color

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

#1400f5
```
#1400f5 rgb(20,0,245)
```
#2800f5
```
#2800f5 rgb(40,0,245)
```
#3d00f5
```
#3d00f5 rgb(61,0,245)
```
#5100f5
```
#5100f5 rgb(81,0,245)
```
#6500f5
```
#6500f5 rgb(101,0,245)
```
#7a00f5
```
#7a00f5 rgb(122,0,245)
```
#8e00f5
```
#8e00f5 rgb(142,0,245)
```

Similar Colors

Text with hexadecimal color #5100f5

This text has a font color of #5100f5.

<span style="color:#5100f5;">Text here</span>

#5100f5 background color

This paragraph has a background color of #5100f5.

<p style="background-color:#5100f5;">Content here</p>

#5100f5 border color

This element has a border color of #5100f5.

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

CSS codes

.text {color:#5100f5;}

.background {background-color:#5100f5;}

.border {border:1px solid #5100f5;}

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

#03000a
```
#03000a rgb(3,0,10)
```
#0a001d
```
#0a001d rgb(10,0,29)
```
#100031
```
#100031 rgb(16,0,49)
```
#170044
```
#170044 rgb(23,0,68)
```
#1d0058
```
#1d0058 rgb(29,0,88)
```
#24006c
```
#24006c rgb(36,0,108)
```
#2a007f
```
#2a007f rgb(42,0,127)
```
#310093
```
#310093 rgb(49,0,147)
```
#3700a7
```
#3700a7 rgb(55,0,167)
```
#3e00ba
```
#3e00ba rgb(62,0,186)
```
#4400ce
```
#4400ce rgb(68,0,206)
```
#4b00e1
```
#4b00e1 rgb(75,0,225)
```
#5100f5
```
#5100f5 rgb(81,0,245)
```

Shade Color Variation

#5b0aff
```
#5b0aff rgb(91,10,255)
```
#681dff
```
#681dff rgb(104,29,255)
```
#7531ff
```
#7531ff rgb(117,49,255)
```
#8244ff
```
#8244ff rgb(130,68,255)
```
#8f58ff
```
#8f58ff rgb(143,88,255)
```
#9c6cff
```
#9c6cff rgb(156,108,255)
```
#aa7fff
```
#aa7fff rgb(170,127,255)
```
#b793ff
```
#b793ff rgb(183,147,255)
```
#c4a7ff
```
#c4a7ff rgb(196,167,255)
```
#d1baff
```
#d1baff rgb(209,186,255)
```
#deceff
```
#deceff rgb(222,206,255)
```
#ebe1ff
```
#ebe1ff rgb(235,225,255)
```
#f8f5ff
```
#f8f5ff rgb(248,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777184 is the less saturated color, while #5100f5 is the most saturated one.

#777184
```
#777184 rgb(119,113,132)
```
#74688d
```
#74688d rgb(116,104,141)
```
#715e97
```
#715e97 rgb(113,94,151)
```
#6e55a0
```
#6e55a0 rgb(110,85,160)
```
#6b4baa
```
#6b4baa rgb(107,75,170)
```
#6742b3
```
#6742b3 rgb(103,66,179)
```
#6439bc
```
#6439bc rgb(100,57,188)
```
#612fc6
```
#612fc6 rgb(97,47,198)
```
#5e26cf
```
#5e26cf rgb(94,38,207)
```
#5b1cd9
```
#5b1cd9 rgb(91,28,217)
```
#5713e2
```
#5713e2 rgb(87,19,226)
```
#5409ec
```
#5409ec rgb(84,9,236)
```
#5100f5
```
#5100f5 rgb(81,0,245)
```

Tone Color Variation

Below, you can see how #5100f5 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

#343434 Achromatopsia 0.005% of the population
#3a2a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1d38c5 Protanomaly 1% of men, 0.01% of women
#1d3bb6 Deuteranomaly 6% of men, 0.4% of women
#1d3f9b Tritanomaly 0.01% of the population

#5100f5 hex color

#5100f5 Color Information

#5100f5 Color Conversion

Color Schemes with #5100f5

Alternatives to #5100f5

#5100f5 Preview

Shades and Tints of #5100f5

Tones of #5100f5

Color Blindness Simulator