colorhexa.com

#5012f4 hex color

In a RGB color space, hex #5012f4 is composed of 31.4% red, 7.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 92.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 256.5 degrees, a saturation of 91.1% and a lightness of 51.4%. #5012f4 color hex could be obtained by blending #a024ff with #0000e9. Closest websafe color is: #6600ff.

- R 31
- G 7
- B 96
RGB color chart
- C 67
- M 93
- Y 0
- K 4
CMYK color chart

● #5012f4 color description : Vivid violet.

The hexadecimal color #5012f4 has RGB values of R:80, G:18, B:244 and CMYK values of C:0.67, M:0.93, Y:0, K:0.04. Its decimal value is 5247732.

Hex triplet	5012f4	`#5012f4`
RGB Decimal	80, 18, 244	`rgb(80,18,244)`
RGB Percent	31.4, 7.1, 95.7	`rgb(31.4%,7.1%,95.7%)`
CMYK	67, 93, 0, 4
HSL	256.5°, 91.1, 51.4	`hsl(256.5,91.1%,51.4%)`
HSV (or HSB)	256.5°, 92.6, 95.7
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.339, 75.365, -96.509
XYZ	19.851, 8.669, 86.21
xyY	0.173, 0.076, 8.669
CIE-LCH	35.339, 122.45, 307.987
CIE-LUV	35.339, -1.594, -127.417
Hunter-Lab	29.443, 68.821, -152.994
Binary	01010000, 00010010, 11110100

#5012f4
```
#5012f4 rgb(80,18,244)
```
#b6f412
```
#b6f412 rgb(182,244,18)
```

Complementary Color

#1245f4
```
#1245f4 rgb(18,69,244)
```
#5012f4
```
#5012f4 rgb(80,18,244)
```
#c112f4
```
#c112f4 rgb(193,18,244)
```

Analogous Color

#45f412
```
#45f412 rgb(69,244,18)
```
#5012f4
```
#5012f4 rgb(80,18,244)
```
#f4c112
```
#f4c112 rgb(244,193,18)
```

Split Complementary Color

#12f450
```
#12f450 rgb(18,244,80)
```
#5012f4
```
#5012f4 rgb(80,18,244)
```
#f45012
```
#f45012 rgb(244,80,18)
```

Triadic Color

#12b6f4
```
#12b6f4 rgb(18,182,244)
```
#5012f4
```
#5012f4 rgb(80,18,244)
```
#f45012
```
#f45012 rgb(244,80,18)
```
#b6f412
```
#b6f412 rgb(182,244,18)
```

Tetradic Color

#3708b1
```
#3708b1 rgb(55,8,177)
```
#3e09ca
```
#3e09ca rgb(62,9,202)
```
#460ae2
```
#460ae2 rgb(70,10,226)
```
#5012f4
```
#5012f4 rgb(80,18,244)
```
#622af5
```
#622af5 rgb(98,42,245)
```
#7443f6
```
#7443f6 rgb(116,67,246)
```
#865bf7
```
#865bf7 rgb(134,91,247)
```

Monochromatic Color

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

#1712f4
```
#1712f4 rgb(23,18,244)
```
#2a12f4
```
#2a12f4 rgb(42,18,244)
```
#3d12f4
```
#3d12f4 rgb(61,18,244)
```
#5012f4
```
#5012f4 rgb(80,18,244)
```
#6312f4
```
#6312f4 rgb(99,18,244)
```
#7612f4
```
#7612f4 rgb(118,18,244)
```
#8912f4
```
#8912f4 rgb(137,18,244)
```

Similar Colors

Text with hexadecimal color #5012f4

This text has a font color of #5012f4.

<span style="color:#5012f4;">Text here</span>

#5012f4 background color

This paragraph has a background color of #5012f4.

<p style="background-color:#5012f4;">Content here</p>

#5012f4 border color

This element has a border color of #5012f4.

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

CSS codes

.text {color:#5012f4;}

.background {background-color:#5012f4;}

.border {border:1px solid #5012f4;}

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

#020007
```
#020007 rgb(2,0,7)
```
#080119
```
#080119 rgb(8,1,25)
```
#0e022c
```
#0e022c rgb(14,2,44)
```
#13033f
```
#13033f rgb(19,3,63)
```
#190452
```
#190452 rgb(25,4,82)
```
#1f0564
```
#1f0564 rgb(31,5,100)
```
#250677
```
#250677 rgb(37,6,119)
```
#2a068a
```
#2a068a rgb(42,6,138)
```
#30079d
```
#30079d rgb(48,7,157)
```
#3608af
```
#3608af rgb(54,8,175)
```
#3c09c2
```
#3c09c2 rgb(60,9,194)
```
#420ad5
```
#420ad5 rgb(66,10,213)
```
#470be8
```
#470be8 rgb(71,11,232)
```

Shade Color Variation

#5012f4
```
#5012f4 rgb(80,18,244)
```
#5e25f5
```
#5e25f5 rgb(94,37,245)
```
#6c37f6
```
#6c37f6 rgb(108,55,246)
```
#7a4af7
```
#7a4af7 rgb(122,74,247)
```
#875df7
```
#875df7 rgb(135,93,247)
```
#9570f8
```
#9570f8 rgb(149,112,248)
```
#a382f9
```
#a382f9 rgb(163,130,249)
```
#b195fa
```
#b195fa rgb(177,149,250)
```
#bfa8fb
```
#bfa8fb rgb(191,168,251)
```
#cdbbfc
```
#cdbbfc rgb(205,187,252)
```
#dacdfd
```
#dacdfd rgb(218,205,253)
```
#e8e0fe
```
#e8e0fe rgb(232,224,254)
```
#f6f3fe
```
#f6f3fe rgb(246,243,254)
```

Tint Color Variation

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

#7f7b8b
```
#7f7b8b rgb(127,123,139)
```
#7b7195
```
#7b7195 rgb(123,113,149)
```
#77689e
```
#77689e rgb(119,104,158)
```
#725ea8
```
#725ea8 rgb(114,94,168)
```
#6e55b1
```
#6e55b1 rgb(110,85,177)
```
#6a4bbb
```
#6a4bbb rgb(106,75,187)
```
#6642c4
```
#6642c4 rgb(102,66,196)
```
#6138ce
```
#6138ce rgb(97,56,206)
```
#5d2fd7
```
#5d2fd7 rgb(93,47,215)
```
#5925e1
```
#5925e1 rgb(89,37,225)
```
#541cea
```
#541cea rgb(84,28,234)
```
#5012f4
```
#5012f4 rgb(80,18,244)
```
#4c08fe
```
#4c08fe rgb(76,8,254)
```

Tone Color Variation

Below, you can see how #5012f4 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

#3e3e3e Achromatopsia 0.005% of the population
#423562 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#1d3fc7 Protanomaly 1% of men, 0.01% of women
#1d42b8 Deuteranomaly 6% of men, 0.4% of women
#1d469c Tritanomaly 0.01% of the population