#5107f2 hex color

In a RGB color space, hex #5107f2 is composed of 31.8% red, 2.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 97.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 258.9 degrees, a saturation of 94.4% and a lightness of 48.8%. #5107f2 color hex could be obtained by blending #a20eff with #0000e5. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 32
- G 3
- B 95
RGB color chart
- C 67
- M 97
- Y 0
- K 5
CMYK color chart

● #5107f2 color description : Vivid violet.

The hexadecimal color #5107f2 has RGB values of R:81, G:7, B:242 and CMYK values of C:0.67, M:0.97, Y:0, K:0.05. Its decimal value is 5310450.

Hex triplet	5107f2	`#5107f2`
RGB Decimal	81, 7, 242	`rgb(81,7,242)`
RGB Percent	31.8, 2.7, 94.9	`rgb(31.8%,2.7%,94.9%)`
CMYK	67, 97, 0, 5
HSL	258.9°, 94.4, 48.8	`hsl(258.9,94.4%,48.8%)`
HSV (or HSB)	258.9°, 97.1, 94.9
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.623, 76.66, -96.568
XYZ	19.493, 8.311, 84.577
xyY	0.173, 0.074, 8.311
CIE-LCH	34.623, 123.297, 308.444
CIE-LUV	34.623, -0.843, -126.181
Hunter-Lab	28.829, 70.244, -153.759
Binary	01010001, 00000111, 11110010

#5107f2
```
#5107f2 rgb(81,7,242)
```
#a8f207
```
#a8f207 rgb(168,242,7)
```

Complementary Color

#0733f2
```
#0733f2 rgb(7,51,242)
```
#5107f2
```
#5107f2 rgb(81,7,242)
```
#c707f2
```
#c707f2 rgb(199,7,242)
```

Analogous Color

#33f207
```
#33f207 rgb(51,242,7)
```
#5107f2
```
#5107f2 rgb(81,7,242)
```
#f2c707
```
#f2c707 rgb(242,199,7)
```

Split Complementary Color

#07f251
```
#07f251 rgb(7,242,81)
```
#5107f2
```
#5107f2 rgb(81,7,242)
```
#f25107
```
#f25107 rgb(242,81,7)
```

Triadic Color

#07a8f2
```
#07a8f2 rgb(7,168,242)
```
#5107f2
```
#5107f2 rgb(81,7,242)
```
#f25107
```
#f25107 rgb(242,81,7)
```
#a8f207
```
#a8f207 rgb(168,242,7)
```

Tetradic Color

#3805a8
```
#3805a8 rgb(56,5,168)
```
#4006c0
```
#4006c0 rgb(64,6,192)
```
#4906d9
```
#4906d9 rgb(73,6,217)
```
#5107f2
```
#5107f2 rgb(81,7,242)
```
#601af8
```
#601af8 rgb(96,26,248)
```
#7133f9
```
#7133f9 rgb(113,51,249)
```
#834cfa
```
#834cfa rgb(131,76,250)
```

Monochromatic Color

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

#1607f2
```
#1607f2 rgb(22,7,242)
```
#2a07f2
```
#2a07f2 rgb(42,7,242)
```
#3d07f2
```
#3d07f2 rgb(61,7,242)
```
#5107f2
```
#5107f2 rgb(81,7,242)
```
#6507f2
```
#6507f2 rgb(101,7,242)
```
#7807f2
```
#7807f2 rgb(120,7,242)
```
#8c07f2
```
#8c07f2 rgb(140,7,242)
```

Similar Colors

Text with hexadecimal color #5107f2

This text has a font color of #5107f2.

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

#5107f2 background color

This paragraph has a background color of #5107f2.

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

#5107f2 border color

This element has a border color of #5107f2.

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

CSS codes

.text {color:#5107f2;}

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

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

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, #04000d is the darkest color, while #fbf9ff is the lightest one.

#04000d
```
#04000d rgb(4,0,13)
```
#0b0120
```
#0b0120 rgb(11,1,32)
```
#110133
```
#110133 rgb(17,1,51)
```
#180246
```
#180246 rgb(24,2,70)
```
#1e0359
```
#1e0359 rgb(30,3,89)
```
#24036d
```
#24036d rgb(36,3,109)
```
#2b0480
```
#2b0480 rgb(43,4,128)
```
#310493
```
#310493 rgb(49,4,147)
```
#3705a6
```
#3705a6 rgb(55,5,166)
```
#3e05b9
```
#3e05b9 rgb(62,5,185)
```
#4406cc
```
#4406cc rgb(68,6,204)
```
#4b06df
```
#4b06df rgb(75,6,223)
```
#5107f2
```
#5107f2 rgb(81,7,242)
```

Shade Color Variation

#5c14f8
```
#5c14f8 rgb(92,20,248)
```
#6927f9
```
#6927f9 rgb(105,39,249)
```
#773bf9
```
#773bf9 rgb(119,59,249)
```
#844efa
```
#844efa rgb(132,78,250)
```
#9161fa
```
#9161fa rgb(145,97,250)
```
#9e74fb
```
#9e74fb rgb(158,116,251)
```
#ac87fc
```
#ac87fc rgb(172,135,252)
```
#b99afc
```
#b99afc rgb(185,154,252)
```
#c6adfd
```
#c6adfd rgb(198,173,253)
```
#d3c0fd
```
#d3c0fd rgb(211,192,253)
```
#e0d3fe
```
#e0d3fe rgb(224,211,254)
```
#eee6fe
```
#eee6fe rgb(238,230,254)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#7c7a7f
```
#7c7a7f rgb(124,122,127)
```
#787089
```
#787089 rgb(120,112,137)
```
#746792
```
#746792 rgb(116,103,146)
```
#715d9c
```
#715d9c rgb(113,93,156)
```
#6d54a5
```
#6d54a5 rgb(109,84,165)
```
#6a4aaf
```
#6a4aaf rgb(106,74,175)
```
#6640b9
```
#6640b9 rgb(102,64,185)
```
#6337c2
```
#6337c2 rgb(99,55,194)
```
#5f2dcc
```
#5f2dcc rgb(95,45,204)
```
#5c24d5
```
#5c24d5 rgb(92,36,213)
```
#581adf
```
#581adf rgb(88,26,223)
```
#5511e8
```
#5511e8 rgb(85,17,232)
```
#5107f2
```
#5107f2 rgb(81,7,242)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3d2e5d 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

#1d3ac4 Protanomaly 1% of men, 0.01% of women
#1d3db5 Deuteranomaly 6% of men, 0.4% of women
#1d419a Tritanomaly 0.01% of the population

#5107f2 hex color

#5107f2 Color Information

#5107f2 Color Conversion

Color Schemes with #5107f2

Alternatives to #5107f2

#5107f2 Preview

Shades and Tints of #5107f2

Tones of #5107f2

Color Blindness Simulator