#501bff hex color

In a RGB color space, hex #501bff is composed of 31.4% red, 10.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 89.4% magenta, 0% yellow and 0% black. It has a hue angle of 253.9 degrees, a saturation of 100% and a lightness of 55.3%. #501bff color hex could be obtained by blending #a036ff with #0000ff. Closest websafe color is: #6633ff.

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

● #501bff color description : Vivid blue.

The hexadecimal color #501bff has RGB values of R:80, G:27, B:255 and CMYK values of C:0.69, M:0.89, Y:0, K:0. Its decimal value is 5250047.

Hex triplet	501bff	`#501bff`
RGB Decimal	80, 27, 255	`rgb(80,27,255)`
RGB Percent	31.4, 10.6, 100	`rgb(31.4%,10.6%,100%)`
CMYK	69, 89, 0, 0
HSL	253.9°, 100, 55.3	`hsl(253.9,100%,55.3%)`
HSV (or HSB)	253.9°, 89.4, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.314, 76.012, -99.411
XYZ	21.747, 9.708, 95.33
xyY	0.172, 0.077, 9.708
CIE-LCH	37.314, 125.142, 307.402
CIE-LUV	37.314, -2.895, -133.692
Hunter-Lab	31.158, 70.057, -159.59
Binary	01010000, 00011011, 11111111

#501bff
```
#501bff rgb(80,27,255)
```
#caff1b
```
#caff1b rgb(202,255,27)
```

Complementary Color

#1b58ff
```
#1b58ff rgb(27,88,255)
```
#501bff
```
#501bff rgb(80,27,255)
```
#c21bff
```
#c21bff rgb(194,27,255)
```

Analogous Color

#58ff1b
```
#58ff1b rgb(88,255,27)
```
#501bff
```
#501bff rgb(80,27,255)
```
#ffc21b
```
#ffc21b rgb(255,194,27)
```

Split Complementary Color

#1bff50
```
#1bff50 rgb(27,255,80)
```
#501bff
```
#501bff rgb(80,27,255)
```
#ff501b
```
#ff501b rgb(255,80,27)
```

Triadic Color

#1bcaff
```
#1bcaff rgb(27,202,255)
```
#501bff
```
#501bff rgb(80,27,255)
```
#ff501b
```
#ff501b rgb(255,80,27)
```
#caff1b
```
#caff1b rgb(202,255,27)
```

Tetradic Color

#3000ce
```
#3000ce rgb(48,0,206)
```
#3600e7
```
#3600e7 rgb(54,0,231)
```
#3c01ff
```
#3c01ff rgb(60,1,255)
```
#501bff
```
#501bff rgb(80,27,255)
```
#6435ff
```
#6435ff rgb(100,53,255)
```
#774eff
```
#774eff rgb(119,78,255)
```
#8b68ff
```
#8b68ff rgb(139,104,255)
```

Monochromatic Color

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

#1b1fff
```
#1b1fff rgb(27,31,255)
```
#2a1bff
```
#2a1bff rgb(42,27,255)
```
#3d1bff
```
#3d1bff rgb(61,27,255)
```
#501bff
```
#501bff rgb(80,27,255)
```
#631bff
```
#631bff rgb(99,27,255)
```
#761bff
```
#761bff rgb(118,27,255)
```
#891bff
```
#891bff rgb(137,27,255)
```

Similar Colors

Text with hexadecimal color #501bff

This text has a font color of #501bff.

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

#501bff background color

This paragraph has a background color of #501bff.

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

#501bff border color

This element has a border color of #501bff.

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

CSS codes

.text {color:#501bff;}

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

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

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 #f6f3ff is the lightest one.

#020007
```
#020007 rgb(2,0,7)
```
#06001b
```
#06001b rgb(6,0,27)
```
#0b002f
```
#0b002f rgb(11,0,47)
```
#0f0042
```
#0f0042 rgb(15,0,66)
```
#140056
```
#140056 rgb(20,0,86)
```
#190069
```
#190069 rgb(25,0,105)
```
#1d007d
```
#1d007d rgb(29,0,125)
```
#220091
```
#220091 rgb(34,0,145)
```
#2600a4
```
#2600a4 rgb(38,0,164)
```
#2b00b8
```
#2b00b8 rgb(43,0,184)
```
#2f00cc
```
#2f00cc rgb(47,0,204)
```
#3400df
```
#3400df rgb(52,0,223)
```
#3800f3
```
#3800f3 rgb(56,0,243)
```

Shade Color Variation

#4107ff
```
#4107ff rgb(65,7,255)
```
#501bff
```
#501bff rgb(80,27,255)
```
#5f2fff
```
#5f2fff rgb(95,47,255)
```
#6e42ff
```
#6e42ff rgb(110,66,255)
```
#7d56ff
```
#7d56ff rgb(125,86,255)
```
#8c69ff
```
#8c69ff rgb(140,105,255)
```
#9b7dff
```
#9b7dff rgb(155,125,255)
```
#aa91ff
```
#aa91ff rgb(170,145,255)
```
#b9a4ff
```
#b9a4ff rgb(185,164,255)
```
#c8b8ff
```
#c8b8ff rgb(200,184,255)
```
#d8ccff
```
#d8ccff rgb(216,204,255)
```
#e7dfff
```
#e7dfff rgb(231,223,255)
```
#f6f3ff
```
#f6f3ff rgb(246,243,255)
```

Tint Color Variation

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

#888496
```
#888496 rgb(136,132,150)
```
#847b9f
```
#847b9f rgb(132,123,159)
```
#7f73a7
```
#7f73a7 rgb(127,115,167)
```
#7a6ab0
```
#7a6ab0 rgb(122,106,176)
```
#7661b9
```
#7661b9 rgb(118,97,185)
```
#7158c2
```
#7158c2 rgb(113,88,194)
```
#6c50ca
```
#6c50ca rgb(108,80,202)
```
#6747d3
```
#6747d3 rgb(103,71,211)
```
#633edc
```
#633edc rgb(99,62,220)
```
#5e35e5
```
#5e35e5 rgb(94,53,229)
```
#592ded
```
#592ded rgb(89,45,237)
```
#5524f6
```
#5524f6 rgb(85,36,246)
```
#501bff
```
#501bff rgb(80,27,255)
```

Tone Color Variation

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

Dichromacy

#005db5 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#1d45d0 Protanomaly 1% of men, 0.01% of women
#1d49c0 Deuteranomaly 6% of men, 0.4% of women
#1d4da3 Tritanomaly 0.01% of the population

#501bff hex color

#501bff Color Information

#501bff Color Conversion

Color Schemes with #501bff

Alternatives to #501bff

#501bff Preview

Shades and Tints of #501bff

Tones of #501bff

Color Blindness Simulator