#501df4 hex color

In a RGB color space, hex #501df4 is composed of 31.4% red, 11.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 88.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 254.2 degrees, a saturation of 90.7% and a lightness of 53.5%. #501df4 color hex could be obtained by blending #a03aff with #0000e9. Closest websafe color is: #6633ff.

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

● #501df4 color description : Vivid blue.

The hexadecimal color #501df4 has RGB values of R:80, G:29, B:244 and CMYK values of C:0.67, M:0.88, Y:0, K:0.04. Its decimal value is 5250548.

Hex triplet	501df4	`#501df4`
RGB Decimal	80, 29, 244	`rgb(80,29,244)`
RGB Percent	31.4, 11.4, 95.7	`rgb(31.4%,11.4%,95.7%)`
CMYK	67, 88, 0, 4
HSL	254.2°, 90.7, 53.5	`hsl(254.2,90.7%,53.5%)`
HSV (or HSB)	254.2°, 88.1, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.205, 72.74, -95.07
XYZ	20.074, 9.115, 86.285
xyY	0.174, 0.079, 9.115
CIE-LCH	36.205, 119.705, 307.42
CIE-LUV	36.205, -2.194, -127.536
Hunter-Lab	30.191, 65.849, -148.315
Binary	01010000, 00011101, 11110100

#501df4
```
#501df4 rgb(80,29,244)
```
#c1f41d
```
#c1f41d rgb(193,244,29)
```

Complementary Color

#1d56f4
```
#1d56f4 rgb(29,86,244)
```
#501df4
```
#501df4 rgb(80,29,244)
```
#bc1df4
```
#bc1df4 rgb(188,29,244)
```

Analogous Color

#56f41d
```
#56f41d rgb(86,244,29)
```
#501df4
```
#501df4 rgb(80,29,244)
```
#f4bc1d
```
#f4bc1d rgb(244,188,29)
```

Split Complementary Color

#1df450
```
#1df450 rgb(29,244,80)
```
#501df4
```
#501df4 rgb(80,29,244)
```
#f4501d
```
#f4501d rgb(244,80,29)
```

Triadic Color

#1dc1f4
```
#1dc1f4 rgb(29,193,244)
```
#501df4
```
#501df4 rgb(80,29,244)
```
#f4501d
```
#f4501d rgb(244,80,29)
```
#c1f41d
```
#c1f41d rgb(193,244,29)
```

Tetradic Color

#3309bb
```
#3309bb rgb(51,9,187)
```
#3a0ad4
```
#3a0ad4 rgb(58,10,212)
```
#410bec
```
#410bec rgb(65,11,236)
```
#501df4
```
#501df4 rgb(80,29,244)
```
#6335f5
```
#6335f5 rgb(99,53,245)
```
#764ef6
```
#764ef6 rgb(118,78,246)
```
#8866f8
```
#8866f8 rgb(136,102,248)
```

Monochromatic Color

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

#1d20f4
```
#1d20f4 rgb(29,32,244)
```
#2c1df4
```
#2c1df4 rgb(44,29,244)
```
#3e1df4
```
#3e1df4 rgb(62,29,244)
```
#501df4
```
#501df4 rgb(80,29,244)
```
#621df4
```
#621df4 rgb(98,29,244)
```
#741df4
```
#741df4 rgb(116,29,244)
```
#861df4
```
#861df4 rgb(134,29,244)
```

Similar Colors

Text with hexadecimal color #501df4

This text has a font color of #501df4.

<span style="color:#501df4;">Text here</span>

#501df4 background color

This paragraph has a background color of #501df4.

<p style="background-color:#501df4;">Content here</p>

#501df4 border color

This element has a border color of #501df4.

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

CSS codes

.text {color:#501df4;}

.background {background-color:#501df4;}

.border {border:1px solid #501df4;}

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

#050111
```
#050111 rgb(5,1,17)
```
#0a0224
```
#0a0224 rgb(10,2,36)
```
#0f0337
```
#0f0337 rgb(15,3,55)
```
#140449
```
#140449 rgb(20,4,73)
```
#19045c
```
#19045c rgb(25,4,92)
```
#1e056f
```
#1e056f rgb(30,5,111)
```
#230681
```
#230681 rgb(35,6,129)
```
#290794
```
#290794 rgb(41,7,148)
```
#2e08a7
```
#2e08a7 rgb(46,8,167)
```
#3309ba
```
#3309ba rgb(51,9,186)
```
#380acc
```
#380acc rgb(56,10,204)
```
#3d0bdf
```
#3d0bdf rgb(61,11,223)
```
#420cf2
```
#420cf2 rgb(66,12,242)
```

Shade Color Variation

#501df4
```
#501df4 rgb(80,29,244)
```
#5e30f5
```
#5e30f5 rgb(94,48,245)
```
#6d42f6
```
#6d42f6 rgb(109,66,246)
```
#7b55f7
```
#7b55f7 rgb(123,85,247)
```
#8a68f8
```
#8a68f8 rgb(138,104,248)
```
#987bf9
```
#987bf9 rgb(152,123,249)
```
#a78df9
```
#a78df9 rgb(167,141,249)
```
#b5a0fa
```
#b5a0fa rgb(181,160,250)
```
#c4b3fb
```
#c4b3fb rgb(196,179,251)
```
#d2c5fc
```
#d2c5fc rgb(210,197,252)
```
#e1d8fd
```
#e1d8fd rgb(225,216,253)
```
#efebfe
```
#efebfe rgb(239,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#858190
```
#858190 rgb(133,129,144)
```
#807899
```
#807899 rgb(128,120,153)
```
#7b6fa2
```
#7b6fa2 rgb(123,111,162)
```
#7666ab
```
#7666ab rgb(118,102,171)
```
#725db4
```
#725db4 rgb(114,93,180)
```
#6d54bd
```
#6d54bd rgb(109,84,189)
```
#684bc6
```
#684bc6 rgb(104,75,198)
```
#6341d0
```
#6341d0 rgb(99,65,208)
```
#5e38d9
```
#5e38d9 rgb(94,56,217)
```
#5a2fe2
```
#5a2fe2 rgb(90,47,226)
```
#5526eb
```
#5526eb rgb(85,38,235)
```
#501df4
```
#501df4 rgb(80,29,244)
```
#4b14fd
```
#4b14fd rgb(75,20,253)
```

Tone Color Variation

Below, you can see how #501df4 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

#454545 Achromatopsia 0.005% of the population
#473d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#1d44c9 Protanomaly 1% of men, 0.01% of women
#1d48ba Deuteranomaly 6% of men, 0.4% of women
#1d4c9d Tritanomaly 0.01% of the population

#501df4 hex color

#501df4 Color Information

#501df4 Color Conversion

Color Schemes with #501df4

Alternatives to #501df4

#501df4 Preview

Shades and Tints of #501df4

Tones of #501df4

Color Blindness Simulator