#5017ff hex color

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

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

● #5017ff color description : Vivid blue.

The hexadecimal color #5017ff has RGB values of R:80, G:23, B:255 and CMYK values of C:0.69, M:0.91, Y:0, K:0. Its decimal value is 5249023.

Hex triplet	5017ff	`#5017ff`
RGB Decimal	80, 23, 255	`rgb(80,23,255)`
RGB Percent	31.4, 9, 100	`rgb(31.4%,9%,100%)`
CMYK	69, 91, 0, 0
HSL	254.7°, 100, 54.5	`hsl(254.7,100%,54.5%)`
HSV (or HSB)	254.7°, 91, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.999, 76.968, -99.935
XYZ	21.661, 9.537, 95.302
xyY	0.171, 0.075, 9.537
CIE-LCH	36.999, 126.14, 307.603
CIE-LUV	36.999, -2.675, -133.644
Hunter-Lab	30.882, 71.157, -161.348
Binary	01010000, 00010111, 11111111

#5017ff
```
#5017ff rgb(80,23,255)
```
#c6ff17
```
#c6ff17 rgb(198,255,23)
```

Complementary Color

#1752ff
```
#1752ff rgb(23,82,255)
```
#5017ff
```
#5017ff rgb(80,23,255)
```
#c417ff
```
#c417ff rgb(196,23,255)
```

Analogous Color

#52ff17
```
#52ff17 rgb(82,255,23)
```
#5017ff
```
#5017ff rgb(80,23,255)
```
#ffc417
```
#ffc417 rgb(255,196,23)
```

Split Complementary Color

#17ff50
```
#17ff50 rgb(23,255,80)
```
#5017ff
```
#5017ff rgb(80,23,255)
```
#ff5017
```
#ff5017 rgb(255,80,23)
```

Triadic Color

#17c6ff
```
#17c6ff rgb(23,198,255)
```
#5017ff
```
#5017ff rgb(80,23,255)
```
#ff5017
```
#ff5017 rgb(255,80,23)
```
#c6ff17
```
#c6ff17 rgb(198,255,23)
```

Tetradic Color

#3200ca
```
#3200ca rgb(50,0,202)
```
#3800e3
```
#3800e3 rgb(56,0,227)
```
#3e00fd
```
#3e00fd rgb(62,0,253)
```
#5017ff
```
#5017ff rgb(80,23,255)
```
#6331ff
```
#6331ff rgb(99,49,255)
```
#764aff
```
#764aff rgb(118,74,255)
```
#8a64ff
```
#8a64ff rgb(138,100,255)
```

Monochromatic Color

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

#1718ff
```
#1718ff rgb(23,24,255)
```
#2917ff
```
#2917ff rgb(41,23,255)
```
#3d17ff
```
#3d17ff rgb(61,23,255)
```
#5017ff
```
#5017ff rgb(80,23,255)
```
#6317ff
```
#6317ff rgb(99,23,255)
```
#7717ff
```
#7717ff rgb(119,23,255)
```
#8a17ff
```
#8a17ff rgb(138,23,255)
```

Similar Colors

Text with hexadecimal color #5017ff

This text has a font color of #5017ff.

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

#5017ff background color

This paragraph has a background color of #5017ff.

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

#5017ff border color

This element has a border color of #5017ff.

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

CSS codes

.text {color:#5017ff;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#060017
```
#060017 rgb(6,0,23)
```
#0a002b
```
#0a002b rgb(10,0,43)
```
#0f003e
```
#0f003e rgb(15,0,62)
```
#140052
```
#140052 rgb(20,0,82)
```
#190065
```
#190065 rgb(25,0,101)
```
#1e0079
```
#1e0079 rgb(30,0,121)
```
#23008d
```
#23008d rgb(35,0,141)
```
#2700a0
```
#2700a0 rgb(39,0,160)
```
#2c00b4
```
#2c00b4 rgb(44,0,180)
```
#3100c8
```
#3100c8 rgb(49,0,200)
```
#3600db
```
#3600db rgb(54,0,219)
```
#3b00ef
```
#3b00ef rgb(59,0,239)
```

Shade Color Variation

#4103ff
```
#4103ff rgb(65,3,255)
```
#5017ff
```
#5017ff rgb(80,23,255)
```
#5f2bff
```
#5f2bff rgb(95,43,255)
```
#6e3eff
```
#6e3eff rgb(110,62,255)
```
#7c52ff
```
#7c52ff rgb(124,82,255)
```
#8b65ff
```
#8b65ff rgb(139,101,255)
```
#9a79ff
```
#9a79ff rgb(154,121,255)
```
#a98dff
```
#a98dff rgb(169,141,255)
```
#b8a0ff
```
#b8a0ff rgb(184,160,255)
```
#c6b4ff
```
#c6b4ff rgb(198,180,255)
```
#d5c8ff
```
#d5c8ff rgb(213,200,255)
```
#e4dbff
```
#e4dbff rgb(228,219,255)
```
#f3efff
```
#f3efff rgb(243,239,255)
```

Tint Color Variation

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

#868294
```
#868294 rgb(134,130,148)
```
#82799d
```
#82799d rgb(130,121,157)
```
#7d70a6
```
#7d70a6 rgb(125,112,166)
```
#7967af
```
#7967af rgb(121,103,175)
```
#745eb8
```
#745eb8 rgb(116,94,184)
```
#7055c1
```
#7055c1 rgb(112,85,193)
```
#6b4dc9
```
#6b4dc9 rgb(107,77,201)
```
#6744d2
```
#6744d2 rgb(103,68,210)
```
#623bdb
```
#623bdb rgb(98,59,219)
```
#5e32e4
```
#5e32e4 rgb(94,50,228)
```
#5929ed
```
#5929ed rgb(89,41,237)
```
#5520f6
```
#5520f6 rgb(85,32,246)
```
#5017ff
```
#5017ff rgb(80,23,255)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#453968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#1d43cf Protanomaly 1% of men, 0.01% of women
#1d47c0 Deuteranomaly 6% of men, 0.4% of women
#1d4ba3 Tritanomaly 0.01% of the population

#5017ff hex color

#5017ff Color Information

#5017ff Color Conversion

Color Schemes with #5017ff

Alternatives to #5017ff

#5017ff Preview

Shades and Tints of #5017ff

Tones of #5017ff

Color Blindness Simulator