#501af6 hex color

In a RGB color space, hex #501af6 is composed of 31.4% red, 10.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 89.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 254.7 degrees, a saturation of 92.4% and a lightness of 53.3%. #501af6 color hex could be obtained by blending #a034ff with #0000ed. Closest websafe color is: #6633ff.

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

● #501af6 color description : Vivid blue.

The hexadecimal color #501af6 has RGB values of R:80, G:26, B:246 and CMYK values of C:0.67, M:0.89, Y:0, K:0.04. Its decimal value is 5249782.

Hex triplet	501af6	`#501af6`
RGB Decimal	80, 26, 246	`rgb(80,26,246)`
RGB Percent	31.4, 10.2, 96.5	`rgb(31.4%,10.2%,96.5%)`
CMYK	67, 89, 0, 4
HSL	254.7°, 92.4, 53.3	`hsl(254.7,92.4%,53.3%)`
HSV (or HSB)	254.7°, 89.4, 96.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.171, 74.046, -96.255
XYZ	20.309, 9.097, 87.869
xyY	0.173, 0.078, 9.097
CIE-LCH	36.171, 121.44, 307.57
CIE-LUV	36.171, -2.16, -128.638
Hunter-Lab	30.162, 67.409, -151.616
Binary	01010000, 00011010, 11110110

#501af6
```
#501af6 rgb(80,26,246)
```
#c0f61a
```
#c0f61a rgb(192,246,26)
```

Complementary Color

#1a52f6
```
#1a52f6 rgb(26,82,246)
```
#501af6
```
#501af6 rgb(80,26,246)
```
#be1af6
```
#be1af6 rgb(190,26,246)
```

Analogous Color

#52f61a
```
#52f61a rgb(82,246,26)
```
#501af6
```
#501af6 rgb(80,26,246)
```
#f6be1a
```
#f6be1a rgb(246,190,26)
```

Split Complementary Color

#1af650
```
#1af650 rgb(26,246,80)
```
#501af6
```
#501af6 rgb(80,26,246)
```
#f6501a
```
#f6501a rgb(246,80,26)
```

Triadic Color

#1ac0f6
```
#1ac0f6 rgb(26,192,246)
```
#501af6
```
#501af6 rgb(80,26,246)
```
#f6501a
```
#f6501a rgb(246,80,26)
```
#c0f61a
```
#c0f61a rgb(192,246,26)
```

Tetradic Color

#3407bc
```
#3407bc rgb(52,7,188)
```
#3a08d5
```
#3a08d5 rgb(58,8,213)
```
#4109ed
```
#4109ed rgb(65,9,237)
```
#501af6
```
#501af6 rgb(80,26,246)
```
#6333f7
```
#6333f7 rgb(99,51,247)
```
#764bf8
```
#764bf8 rgb(118,75,248)
```
#8864f9
```
#8864f9 rgb(136,100,249)
```

Monochromatic Color

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

#1a1bf6
```
#1a1bf6 rgb(26,27,246)
```
#2b1af6
```
#2b1af6 rgb(43,26,246)
```
#3e1af6
```
#3e1af6 rgb(62,26,246)
```
#501af6
```
#501af6 rgb(80,26,246)
```
#621af6
```
#621af6 rgb(98,26,246)
```
#751af6
```
#751af6 rgb(117,26,246)
```
#871af6
```
#871af6 rgb(135,26,246)
```

Similar Colors

Text with hexadecimal color #501af6

This text has a font color of #501af6.

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

#501af6 background color

This paragraph has a background color of #501af6.

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

#501af6 border color

This element has a border color of #501af6.

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

CSS codes

.text {color:#501af6;}

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

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

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

#040110
```
#040110 rgb(4,1,16)
```
#0a0123
```
#0a0123 rgb(10,1,35)
```
#0f0236
```
#0f0236 rgb(15,2,54)
```
#140349
```
#140349 rgb(20,3,73)
```
#19045c
```
#19045c rgb(25,4,92)
```
#1e046f
```
#1e046f rgb(30,4,111)
```
#240582
```
#240582 rgb(36,5,130)
```
#290694
```
#290694 rgb(41,6,148)
```
#2e07a7
```
#2e07a7 rgb(46,7,167)
```
#3307ba
```
#3307ba rgb(51,7,186)
```
#3808cd
```
#3808cd rgb(56,8,205)
```
#3e09e0
```
#3e09e0 rgb(62,9,224)
```
#430af3
```
#430af3 rgb(67,10,243)
```

Shade Color Variation

#501af6
```
#501af6 rgb(80,26,246)
```
#5e2df7
```
#5e2df7 rgb(94,45,247)
```
#6d40f7
```
#6d40f7 rgb(109,64,247)
```
#7b53f8
```
#7b53f8 rgb(123,83,248)
```
#8a65f9
```
#8a65f9 rgb(138,101,249)
```
#9878fa
```
#9878fa rgb(152,120,250)
```
#a78bfa
```
#a78bfa rgb(167,139,250)
```
#b59efb
```
#b59efb rgb(181,158,251)
```
#c3b1fc
```
#c3b1fc rgb(195,177,252)
```
#d2c4fd
```
#d2c4fd rgb(210,196,253)
```
#e0d7fd
```
#e0d7fd rgb(224,215,253)
```
#efeafe
```
#efeafe rgb(239,234,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#837f91
```
#837f91 rgb(131,127,145)
```
#7f769a
```
#7f769a rgb(127,118,154)
```
#7a6ca4
```
#7a6ca4 rgb(122,108,164)
```
#7563ad
```
#7563ad rgb(117,99,173)
```
#715ab6
```
#715ab6 rgb(113,90,182)
```
#6c51bf
```
#6c51bf rgb(108,81,191)
```
#6748c8
```
#6748c8 rgb(103,72,200)
```
#633fd1
```
#633fd1 rgb(99,63,209)
```
#5e35db
```
#5e35db rgb(94,53,219)
```
#592ce4
```
#592ce4 rgb(89,44,228)
```
#5523ed
```
#5523ed rgb(85,35,237)
```
#501af6
```
#501af6 rgb(80,26,246)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#463b67 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

#1d43ca Protanomaly 1% of men, 0.01% of women
#1d46ba Deuteranomaly 6% of men, 0.4% of women
#1d4b9e Tritanomaly 0.01% of the population

#501af6 hex color

#501af6 Color Information

#501af6 Color Conversion

Color Schemes with #501af6

Alternatives to #501af6

#501af6 Preview

Shades and Tints of #501af6

Tones of #501af6

Color Blindness Simulator