#5015ff hex color

In a RGB color space, hex #5015ff is composed of 31.4% red, 8.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 91.8% magenta, 0% yellow and 0% black. It has a hue angle of 255.1 degrees, a saturation of 100% and a lightness of 54.1%. #5015ff color hex could be obtained by blending #a02aff with #0000ff. Closest websafe color is: #6600ff.

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

● #5015ff color description : Vivid violet.

The hexadecimal color #5015ff has RGB values of R:80, G:21, B:255 and CMYK values of C:0.69, M:0.92, Y:0, K:0. Its decimal value is 5248511.

Hex triplet	5015ff	`#5015ff`
RGB Decimal	80, 21, 255	`rgb(80,21,255)`
RGB Percent	31.4, 8.2, 100	`rgb(31.4%,8.2%,100%)`
CMYK	69, 92, 0, 0
HSL	255.1°, 100, 54.1	`hsl(255.1,100%,54.1%)`
HSV (or HSB)	255.1°, 91.8, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.857, 77.401, -100.172
XYZ	21.623, 9.461, 95.289
xyY	0.171, 0.075, 9.461
CIE-LCH	36.857, 126.591, 307.693
CIE-LUV	36.857, -2.577, -133.616
Hunter-Lab	30.758, 71.658, -162.148
Binary	01010000, 00010101, 11111111

#5015ff
```
#5015ff rgb(80,21,255)
```
#c4ff15
```
#c4ff15 rgb(196,255,21)
```

Complementary Color

#154fff
```
#154fff rgb(21,79,255)
```
#5015ff
```
#5015ff rgb(80,21,255)
```
#c515ff
```
#c515ff rgb(197,21,255)
```

Analogous Color

#4fff15
```
#4fff15 rgb(79,255,21)
```
#5015ff
```
#5015ff rgb(80,21,255)
```
#ffc515
```
#ffc515 rgb(255,197,21)
```

Split Complementary Color

#15ff50
```
#15ff50 rgb(21,255,80)
```
#5015ff
```
#5015ff rgb(80,21,255)
```
#ff5015
```
#ff5015 rgb(255,80,21)
```

Triadic Color

#15c4ff
```
#15c4ff rgb(21,196,255)
```
#5015ff
```
#5015ff rgb(80,21,255)
```
#ff5015
```
#ff5015 rgb(255,80,21)
```
#c4ff15
```
#c4ff15 rgb(196,255,21)
```

Tetradic Color

#3200c8
```
#3200c8 rgb(50,0,200)
```
#3900e1
```
#3900e1 rgb(57,0,225)
```
#3f00fb
```
#3f00fb rgb(63,0,251)
```
#5015ff
```
#5015ff rgb(80,21,255)
```
#632fff
```
#632fff rgb(99,47,255)
```
#7648ff
```
#7648ff rgb(118,72,255)
```
#8962ff
```
#8962ff rgb(137,98,255)
```

Monochromatic Color

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

#1615ff
```
#1615ff rgb(22,21,255)
```
#2915ff
```
#2915ff rgb(41,21,255)
```
#3c15ff
```
#3c15ff rgb(60,21,255)
```
#5015ff
```
#5015ff rgb(80,21,255)
```
#6315ff
```
#6315ff rgb(99,21,255)
```
#7715ff
```
#7715ff rgb(119,21,255)
```
#8b15ff
```
#8b15ff rgb(139,21,255)
```

Similar Colors

Text with hexadecimal color #5015ff

This text has a font color of #5015ff.

<span style="color:#5015ff;">Text here</span>

#5015ff background color

This paragraph has a background color of #5015ff.

<p style="background-color:#5015ff;">Content here</p>

#5015ff border color

This element has a border color of #5015ff.

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

CSS codes

.text {color:#5015ff;}

.background {background-color:#5015ff;}

.border {border:1px solid #5015ff;}

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

#000001
```
#000001 rgb(0,0,1)
```
#050015
```
#050015 rgb(5,0,21)
```
#0a0029
```
#0a0029 rgb(10,0,41)
```
#0f003c
```
#0f003c rgb(15,0,60)
```
#140050
```
#140050 rgb(20,0,80)
```
#190063
```
#190063 rgb(25,0,99)
```
#1e0077
```
#1e0077 rgb(30,0,119)
```
#23008b
```
#23008b rgb(35,0,139)
```
#28009e
```
#28009e rgb(40,0,158)
```
#2d00b2
```
#2d00b2 rgb(45,0,178)
```
#3200c6
```
#3200c6 rgb(50,0,198)
```
#3700d9
```
#3700d9 rgb(55,0,217)
```
#3c00ed
```
#3c00ed rgb(60,0,237)
```

Shade Color Variation

#4101ff
```
#4101ff rgb(65,1,255)
```
#5015ff
```
#5015ff rgb(80,21,255)
```
#5f29ff
```
#5f29ff rgb(95,41,255)
```
#6d3cff
```
#6d3cff rgb(109,60,255)
```
#7c50ff
```
#7c50ff rgb(124,80,255)
```
#8b63ff
```
#8b63ff rgb(139,99,255)
```
#9977ff
```
#9977ff rgb(153,119,255)
```
#a88bff
```
#a88bff rgb(168,139,255)
```
#b79eff
```
#b79eff rgb(183,158,255)
```
#c5b2ff
```
#c5b2ff rgb(197,178,255)
```
#d4c6ff
```
#d4c6ff rgb(212,198,255)
```
#e3d9ff
```
#e3d9ff rgb(227,217,255)
```
#f1edff
```
#f1edff rgb(241,237,255)
```

Tint Color Variation

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

#868193
```
#868193 rgb(134,129,147)
```
#81789c
```
#81789c rgb(129,120,156)
```
#7d6fa5
```
#7d6fa5 rgb(125,111,165)
```
#7866ae
```
#7866ae rgb(120,102,174)
```
#745db7
```
#745db7 rgb(116,93,183)
```
#6f54c0
```
#6f54c0 rgb(111,84,192)
```
#6b4bc9
```
#6b4bc9 rgb(107,75,201)
```
#6642d2
```
#6642d2 rgb(102,66,210)
```
#6239db
```
#6239db rgb(98,57,219)
```
#5d30e4
```
#5d30e4 rgb(93,48,228)
```
#5927ed
```
#5927ed rgb(89,39,237)
```
#541ef6
```
#541ef6 rgb(84,30,246)
```
#5015ff
```
#5015ff rgb(80,21,255)
```

Tone Color Variation

Below, you can see how #5015ff 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

#414141 Achromatopsia 0.005% of the population
#443867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1d42cf Protanomaly 1% of men, 0.01% of women
#1d46bf Deuteranomaly 6% of men, 0.4% of women
#1d4aa2 Tritanomaly 0.01% of the population

#5015ff hex color

#5015ff Color Information

#5015ff Color Conversion

Color Schemes with #5015ff

Alternatives to #5015ff

#5015ff Preview

Shades and Tints of #5015ff

Tones of #5015ff

Color Blindness Simulator