#500bff hex color

In a RGB color space, hex #500bff is composed of 31.4% red, 4.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 95.7% magenta, 0% yellow and 0% black. It has a hue angle of 257 degrees, a saturation of 100% and a lightness of 52.2%. #500bff color hex could be obtained by blending #a016ff with #0000ff. Closest websafe color is: #6600ff.

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

● #500bff color description : Vivid violet.

The hexadecimal color #500bff has RGB values of R:80, G:11, B:255 and CMYK values of C:0.69, M:0.96, Y:0, K:0. Its decimal value is 5245951.

Hex triplet	500bff	`#500bff`
RGB Decimal	80, 11, 255	`rgb(80,11,255)`
RGB Percent	31.4, 4.3, 100	`rgb(31.4%,4.3%,100%)`
CMYK	69, 96, 0, 0
HSL	257°, 100, 52.2	`hsl(257,100%,52.2%)`
HSV (or HSB)	257°, 95.7, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.298, 79.11, -101.102
XYZ	21.475, 9.164, 95.239
xyY	0.171, 0.073, 9.164
CIE-LCH	36.298, 128.374, 308.042
CIE-LUV	36.298, -2.198, -133.471
Hunter-Lab	30.272, 73.651, -165.345
Binary	01010000, 00001011, 11111111

#500bff
```
#500bff rgb(80,11,255)
```
#baff0b
```
#baff0b rgb(186,255,11)
```

Complementary Color

#0b40ff
```
#0b40ff rgb(11,64,255)
```
#500bff
```
#500bff rgb(80,11,255)
```
#ca0bff
```
#ca0bff rgb(202,11,255)
```

Analogous Color

#40ff0b
```
#40ff0b rgb(64,255,11)
```
#500bff
```
#500bff rgb(80,11,255)
```
#ffca0b
```
#ffca0b rgb(255,202,11)
```

Split Complementary Color

#0bff50
```
#0bff50 rgb(11,255,80)
```
#500bff
```
#500bff rgb(80,11,255)
```
#ff500b
```
#ff500b rgb(255,80,11)
```

Triadic Color

#0bbaff
```
#0bbaff rgb(11,186,255)
```
#500bff
```
#500bff rgb(80,11,255)
```
#ff500b
```
#ff500b rgb(255,80,11)
```
#baff0b
```
#baff0b rgb(186,255,11)
```

Tetradic Color

#3600be
```
#3600be rgb(54,0,190)
```
#3d00d7
```
#3d00d7 rgb(61,0,215)
```
#4400f1
```
#4400f1 rgb(68,0,241)
```
#500bff
```
#500bff rgb(80,11,255)
```
#6225ff
```
#6225ff rgb(98,37,255)
```
#753eff
```
#753eff rgb(117,62,255)
```
#8758ff
```
#8758ff rgb(135,88,255)
```

Monochromatic Color

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

#130bff
```
#130bff rgb(19,11,255)
```
#270bff
```
#270bff rgb(39,11,255)
```
#3c0bff
```
#3c0bff rgb(60,11,255)
```
#500bff
```
#500bff rgb(80,11,255)
```
#640bff
```
#640bff rgb(100,11,255)
```
#790bff
```
#790bff rgb(121,11,255)
```
#8d0bff
```
#8d0bff rgb(141,11,255)
```

Similar Colors

Text with hexadecimal color #500bff

This text has a font color of #500bff.

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

#500bff background color

This paragraph has a background color of #500bff.

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

#500bff border color

This element has a border color of #500bff.

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

CSS codes

.text {color:#500bff;}

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

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

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, #03000b is the darkest color, while #f9f6ff is the lightest one.

#03000b
```
#03000b rgb(3,0,11)
```
#09001f
```
#09001f rgb(9,0,31)
```
#0e0032
```
#0e0032 rgb(14,0,50)
```
#140046
```
#140046 rgb(20,0,70)
```
#190059
```
#190059 rgb(25,0,89)
```
#1f006d
```
#1f006d rgb(31,0,109)
```
#240081
```
#240081 rgb(36,0,129)
```
#2a0094
```
#2a0094 rgb(42,0,148)
```
#2f00a8
```
#2f00a8 rgb(47,0,168)
```
#3500bc
```
#3500bc rgb(53,0,188)
```
#3b00cf
```
#3b00cf rgb(59,0,207)
```
#4000e3
```
#4000e3 rgb(64,0,227)
```
#4600f6
```
#4600f6 rgb(70,0,246)
```

Shade Color Variation

#500bff
```
#500bff rgb(80,11,255)
```
#5e1fff
```
#5e1fff rgb(94,31,255)
```
#6c32ff
```
#6c32ff rgb(108,50,255)
```
#7a46ff
```
#7a46ff rgb(122,70,255)
```
#8859ff
```
#8859ff rgb(136,89,255)
```
#966dff
```
#966dff rgb(150,109,255)
```
#a481ff
```
#a481ff rgb(164,129,255)
```
#b294ff
```
#b294ff rgb(178,148,255)
```
#c1a8ff
```
#c1a8ff rgb(193,168,255)
```
#cfbcff
```
#cfbcff rgb(207,188,255)
```
#ddcfff
```
#ddcfff rgb(221,207,255)
```
#ebe3ff
```
#ebe3ff rgb(235,227,255)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

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

#817c8e
```
#817c8e rgb(129,124,142)
```
#7d7298
```
#7d7298 rgb(125,114,152)
```
#7969a1
```
#7969a1 rgb(121,105,161)
```
#755fab
```
#755fab rgb(117,95,171)
```
#7156b4
```
#7156b4 rgb(113,86,180)
```
#6d4dbd
```
#6d4dbd rgb(109,77,189)
```
#6843c7
```
#6843c7 rgb(104,67,199)
```
#643ad0
```
#643ad0 rgb(100,58,208)
```
#6031d9
```
#6031d9 rgb(96,49,217)
```
#5c27e3
```
#5c27e3 rgb(92,39,227)
```
#581eec
```
#581eec rgb(88,30,236)
```
#5414f6
```
#5414f6 rgb(84,20,246)
```
#500bff
```
#500bff rgb(80,11,255)
```

Tone Color Variation

Below, you can see how #500bff 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

#3b3b3b Achromatopsia 0.005% of the population
#3f3162 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1d3ecd Protanomaly 1% of men, 0.01% of women
#1d41be Deuteranomaly 6% of men, 0.4% of women
#1d45a1 Tritanomaly 0.01% of the population

#500bff hex color

#500bff Color Information

#500bff Color Conversion

Color Schemes with #500bff

Alternatives to #500bff

#500bff Preview

Shades and Tints of #500bff

Tones of #500bff

Color Blindness Simulator