#501cf8 hex color

In a RGB color space, hex #501cf8 is composed of 31.4% red, 11% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 88.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 254.2 degrees, a saturation of 94% and a lightness of 54.1%. #501cf8 color hex could be obtained by blending #a038ff with #0000f1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 11
- B 97
RGB color chart
- C 68
- M 89
- Y 0
- K 3
CMYK color chart

● #501cf8 color description : Vivid blue.

The hexadecimal color #501cf8 has RGB values of R:80, G:28, B:248 and CMYK values of C:0.68, M:0.89, Y:0, K:0.03. Its decimal value is 5250296.

Hex triplet	501cf8	`#501cf8`
RGB Decimal	80, 28, 248	`rgb(80,28,248)`
RGB Percent	31.4, 11, 97.3	`rgb(31.4%,11%,97.3%)`
CMYK	68, 89, 0, 3
HSL	254.2°, 94, 54.1	`hsl(254.2,94%,54.1%)`
HSV (or HSB)	254.2°, 88.7, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.579, 74.016, -96.703
XYZ	20.664, 9.312, 89.51
xyY	0.173, 0.078, 9.312
CIE-LCH	36.579, 121.777, 307.43
CIE-LUV	36.579, -2.434, -129.779
Hunter-Lab	30.516, 67.466, -152.549
Binary	01010000, 00011100, 11111000

#501cf8
```
#501cf8 rgb(80,28,248)
```
#c4f81c
```
#c4f81c rgb(196,248,28)
```

Complementary Color

#1c56f8
```
#1c56f8 rgb(28,86,248)
```
#501cf8
```
#501cf8 rgb(80,28,248)
```
#be1cf8
```
#be1cf8 rgb(190,28,248)
```

Analogous Color

#56f81c
```
#56f81c rgb(86,248,28)
```
#501cf8
```
#501cf8 rgb(80,28,248)
```
#f8be1c
```
#f8be1c rgb(248,190,28)
```

Split Complementary Color

#1cf850
```
#1cf850 rgb(28,248,80)
```
#501cf8
```
#501cf8 rgb(80,28,248)
```
#f8501c
```
#f8501c rgb(248,80,28)
```

Triadic Color

#1cc4f8
```
#1cc4f8 rgb(28,196,248)
```
#501cf8
```
#501cf8 rgb(80,28,248)
```
#f8501c
```
#f8501c rgb(248,80,28)
```
#c4f81c
```
#c4f81c rgb(196,248,28)
```

Tetradic Color

#3206c2
```
#3206c2 rgb(50,6,194)
```
#3907da
```
#3907da rgb(57,7,218)
```
#3f07f3
```
#3f07f3 rgb(63,7,243)
```
#501cf8
```
#501cf8 rgb(80,28,248)
```
#6335f9
```
#6335f9 rgb(99,53,249)
```
#764dfa
```
#764dfa rgb(118,77,250)
```
#8966fa
```
#8966fa rgb(137,102,250)
```

Monochromatic Color

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

#1c1ff8
```
#1c1ff8 rgb(28,31,248)
```
#2b1cf8
```
#2b1cf8 rgb(43,28,248)
```
#3e1cf8
```
#3e1cf8 rgb(62,28,248)
```
#501cf8
```
#501cf8 rgb(80,28,248)
```
#621cf8
```
#621cf8 rgb(98,28,248)
```
#751cf8
```
#751cf8 rgb(117,28,248)
```
#871cf8
```
#871cf8 rgb(135,28,248)
```

Similar Colors

Text with hexadecimal color #501cf8

This text has a font color of #501cf8.

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

#501cf8 background color

This paragraph has a background color of #501cf8.

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

#501cf8 border color

This element has a border color of #501cf8.

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

CSS codes

.text {color:#501cf8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050114
```
#050114 rgb(5,1,20)
```
#0a0127
```
#0a0127 rgb(10,1,39)
```
#0f023a
```
#0f023a rgb(15,2,58)
```
#14024d
```
#14024d rgb(20,2,77)
```
#190360
```
#190360 rgb(25,3,96)
```
#1e0474
```
#1e0474 rgb(30,4,116)
```
#230487
```
#230487 rgb(35,4,135)
```
#28059a
```
#28059a rgb(40,5,154)
```
#2d05ad
```
#2d05ad rgb(45,5,173)
```
#3206c0
```
#3206c0 rgb(50,6,192)
```
#3706d3
```
#3706d3 rgb(55,6,211)
```
#3c07e6
```
#3c07e6 rgb(60,7,230)
```

Shade Color Variation

#4109f7
```
#4109f7 rgb(65,9,247)
```
#501cf8
```
#501cf8 rgb(80,28,248)
```
#5f2ff9
```
#5f2ff9 rgb(95,47,249)
```
#6d42f9
```
#6d42f9 rgb(109,66,249)
```
#7c55fa
```
#7c55fa rgb(124,85,250)
```
#8b68fa
```
#8b68fa rgb(139,104,250)
```
#997bfb
```
#997bfb rgb(153,123,251)
```
#a88efc
```
#a88efc rgb(168,142,252)
```
#b7a1fc
```
#b7a1fc rgb(183,161,252)
```
#c5b4fd
```
#c5b4fd rgb(197,180,253)
```
#d4c7fd
```
#d4c7fd rgb(212,199,253)
```
#e3dafe
```
#e3dafe rgb(227,218,254)
```
#f1edfe
```
#f1edfe rgb(241,237,254)
```

Tint Color Variation

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

#89888c
```
#89888c rgb(137,136,140)
```
#847f95
```
#847f95 rgb(132,127,149)
```
#7f769e
```
#7f769e rgb(127,118,158)
```
#7b6da7
```
#7b6da7 rgb(123,109,167)
```
#7664b0
```
#7664b0 rgb(118,100,176)
```
#715bb9
```
#715bb9 rgb(113,91,185)
```
#6c52c2
```
#6c52c2 rgb(108,82,194)
```
#6849cb
```
#6849cb rgb(104,73,203)
```
#6340d4
```
#6340d4 rgb(99,64,212)
```
#5e37dd
```
#5e37dd rgb(94,55,221)
```
#592ee6
```
#592ee6 rgb(89,46,230)
```
#5525ef
```
#5525ef rgb(85,37,239)
```
#501cf8
```
#501cf8 rgb(80,28,248)
```

Tone Color Variation

Below, you can see how #501cf8 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
#473d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#1d44cb Protanomaly 1% of men, 0.01% of women
#1d48bc Deuteranomaly 6% of men, 0.4% of women
#1d4ca0 Tritanomaly 0.01% of the population

#501cf8 hex color

#501cf8 Color Information

#501cf8 Color Conversion

Color Schemes with #501cf8

Alternatives to #501cf8

#501cf8 Preview

Shades and Tints of #501cf8

Tones of #501cf8

Color Blindness Simulator