#501df5 hex color

In a RGB color space, hex #501df5 is composed of 31.4% red, 11.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 88.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 254.2 degrees, a saturation of 91.5% and a lightness of 53.7%. #501df5 color hex could be obtained by blending #a03aff with #0000eb. 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

● #501df5 color description : Vivid blue.

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

Hex triplet	501df5	`#501df5`
RGB Decimal	80, 29, 245	`rgb(80,29,245)`
RGB Percent	31.4, 11.4, 96.1	`rgb(31.4%,11.4%,96.1%)`
CMYK	67, 88, 0, 4
HSL	254.2°, 91.5, 53.7	`hsl(254.2,91.5%,53.7%)`
HSV (or HSB)	254.2°, 88.2, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.321, 72.991, -95.441
XYZ	20.226, 9.176, 87.086
xyY	0.174, 0.079, 9.176
CIE-LCH	36.321, 120.153, 307.408
CIE-LUV	36.321, -2.271, -128.099
Hunter-Lab	30.292, 66.175, -149.25
Binary	01010000, 00011101, 11110101

#501df5
```
#501df5 rgb(80,29,245)
```
#c2f51d
```
#c2f51d rgb(194,245,29)
```

Complementary Color

#1d56f5
```
#1d56f5 rgb(29,86,245)
```
#501df5
```
#501df5 rgb(80,29,245)
```
#bc1df5
```
#bc1df5 rgb(188,29,245)
```

Analogous Color

#56f51d
```
#56f51d rgb(86,245,29)
```
#501df5
```
#501df5 rgb(80,29,245)
```
#f5bc1d
```
#f5bc1d rgb(245,188,29)
```

Split Complementary Color

#1df550
```
#1df550 rgb(29,245,80)
```
#501df5
```
#501df5 rgb(80,29,245)
```
#f5501d
```
#f5501d rgb(245,80,29)
```

Triadic Color

#1dc2f5
```
#1dc2f5 rgb(29,194,245)
```
#501df5
```
#501df5 rgb(80,29,245)
```
#f5501d
```
#f5501d rgb(245,80,29)
```
#c2f51d
```
#c2f51d rgb(194,245,29)
```

Tetradic Color

#3308bd
```
#3308bd rgb(51,8,189)
```
#3a09d6
```
#3a09d6 rgb(58,9,214)
```
#400bee
```
#400bee rgb(64,11,238)
```
#501df5
```
#501df5 rgb(80,29,245)
```
#6335f6
```
#6335f6 rgb(99,53,246)
```
#764ef7
```
#764ef7 rgb(118,78,247)
```
#8966f8
```
#8966f8 rgb(137,102,248)
```

Monochromatic Color

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

#1d20f5
```
#1d20f5 rgb(29,32,245)
```
#2c1df5
```
#2c1df5 rgb(44,29,245)
```
#3e1df5
```
#3e1df5 rgb(62,29,245)
```
#501df5
```
#501df5 rgb(80,29,245)
```
#621df5
```
#621df5 rgb(98,29,245)
```
#741df5
```
#741df5 rgb(116,29,245)
```
#861df5
```
#861df5 rgb(134,29,245)
```

Similar Colors

Text with hexadecimal color #501df5

This text has a font color of #501df5.

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

#501df5 background color

This paragraph has a background color of #501df5.

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

#501df5 border color

This element has a border color of #501df5.

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

CSS codes

.text {color:#501df5;}

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

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

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

#050112
```
#050112 rgb(5,1,18)
```
#0a0225
```
#0a0225 rgb(10,2,37)
```
#0f0238
```
#0f0238 rgb(15,2,56)
```
#14034b
```
#14034b rgb(20,3,75)
```
#19045d
```
#19045d rgb(25,4,93)
```
#1e0570
```
#1e0570 rgb(30,5,112)
```
#230683
```
#230683 rgb(35,6,131)
```
#280796
```
#280796 rgb(40,7,150)
```
#2d07a8
```
#2d07a8 rgb(45,7,168)
```
#3308bb
```
#3308bb rgb(51,8,187)
```
#3809ce
```
#3809ce rgb(56,9,206)
```
#3d0ae1
```
#3d0ae1 rgb(61,10,225)
```
#420bf4
```
#420bf4 rgb(66,11,244)
```

Shade Color Variation

#501df5
```
#501df5 rgb(80,29,245)
```
#5f30f6
```
#5f30f6 rgb(95,48,246)
```
#6d43f7
```
#6d43f7 rgb(109,67,247)
```
#7c55f7
```
#7c55f7 rgb(124,85,247)
```
#8a68f8
```
#8a68f8 rgb(138,104,248)
```
#997bf9
```
#997bf9 rgb(153,123,249)
```
#a78efa
```
#a78efa rgb(167,142,250)
```
#b6a0fb
```
#b6a0fb rgb(182,160,251)
```
#c4b3fc
```
#c4b3fc rgb(196,179,252)
```
#d3c6fc
```
#d3c6fc rgb(211,198,252)
```
#e1d9fd
```
#e1d9fd rgb(225,217,253)
```
#f0ecfe
```
#f0ecfe rgb(240,236,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#858191
```
#858191 rgb(133,129,145)
```
#80789a
```
#80789a rgb(128,120,154)
```
#7b6fa3
```
#7b6fa3 rgb(123,111,163)
```
#7666ac
```
#7666ac rgb(118,102,172)
```
#725db5
```
#725db5 rgb(114,93,181)
```
#6d53bf
```
#6d53bf rgb(109,83,191)
```
#684ac8
```
#684ac8 rgb(104,74,200)
```
#6341d1
```
#6341d1 rgb(99,65,209)
```
#5e38da
```
#5e38da rgb(94,56,218)
```
#5a2fe3
```
#5a2fe3 rgb(90,47,227)
```
#5526ec
```
#5526ec rgb(85,38,236)
```
#501df5
```
#501df5 rgb(80,29,245)
```
#4b14fe
```
#4b14fe rgb(75,20,254)
```

Tone Color Variation

Below, you can see how #501df5 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
#006199 Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

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

#501df5 hex color

#501df5 Color Information

#501df5 Color Conversion

Color Schemes with #501df5

Alternatives to #501df5

#501df5 Preview

Shades and Tints of #501df5

Tones of #501df5

Color Blindness Simulator