#5018bb hex color

In a RGB color space, hex #5018bb is composed of 31.4% red, 9.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 87.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 260.6 degrees, a saturation of 77.3% and a lightness of 41.4%. #5018bb color hex could be obtained by blending #a030ff with #000077. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 31
- G 9
- B 73
RGB color chart
- C 57
- M 87
- Y 0
- K 27
CMYK color chart

● #5018bb color description : Strong violet.

The hexadecimal color #5018bb has RGB values of R:80, G:24, B:187 and CMYK values of C:0.57, M:0.87, Y:0, K:0.27. Its decimal value is 5249211.

Hex triplet	5018bb	`#5018bb`
RGB Decimal	80, 24, 187	`rgb(80,24,187)`
RGB Percent	31.4, 9.4, 73.3	`rgb(31.4%,9.4%,73.3%)`
CMYK	57, 87, 0, 27
HSL	260.6°, 77.3, 41.4	`hsl(260.6,77.3%,41.4%)`
HSV (or HSB)	260.6°, 87.2, 73.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	29.277, 59.808, -73.616
XYZ	12.603, 5.946, 47.495
xyY	0.191, 0.09, 5.946
CIE-LCH	29.277, 94.848, 309.091
CIE-LUV	29.277, 3.246, -94.867
Hunter-Lab	24.385, 49.58, -98.409
Binary	01010000, 00011000, 10111011

#5018bb
```
#5018bb rgb(80,24,187)
```
#83bb18
```
#83bb18 rgb(131,187,24)
```

Complementary Color

#1831bb
```
#1831bb rgb(24,49,187)
```
#5018bb
```
#5018bb rgb(80,24,187)
```
#a218bb
```
#a218bb rgb(162,24,187)
```

Analogous Color

#31bb18
```
#31bb18 rgb(49,187,24)
```
#5018bb
```
#5018bb rgb(80,24,187)
```
#bba218
```
#bba218 rgb(187,162,24)
```

Split Complementary Color

#18bb50
```
#18bb50 rgb(24,187,80)
```
#5018bb
```
#5018bb rgb(80,24,187)
```
#bb5018
```
#bb5018 rgb(187,80,24)
```

Triadic Color

#1883bb
```
#1883bb rgb(24,131,187)
```
#5018bb
```
#5018bb rgb(80,24,187)
```
#bb5018
```
#bb5018 rgb(187,80,24)
```
#83bb18
```
#83bb18 rgb(131,187,24)
```

Tetradic Color

#330f77
```
#330f77 rgb(51,15,119)
```
#3d128e
```
#3d128e rgb(61,18,142)
```
#4615a4
```
#4615a4 rgb(70,21,164)
```
#5018bb
```
#5018bb rgb(80,24,187)
```
#5a1bd2
```
#5a1bd2 rgb(90,27,210)
```
#6523e3
```
#6523e3 rgb(101,35,227)
```
#753ae6
```
#753ae6 rgb(117,58,230)
```

Monochromatic Color

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

#2718bb
```
#2718bb rgb(39,24,187)
```
#3518bb
```
#3518bb rgb(53,24,187)
```
#4218bb
```
#4218bb rgb(66,24,187)
```
#5018bb
```
#5018bb rgb(80,24,187)
```
#5e18bb
```
#5e18bb rgb(94,24,187)
```
#6b18bb
```
#6b18bb rgb(107,24,187)
```
#7918bb
```
#7918bb rgb(121,24,187)
```

Similar Colors

Text with hexadecimal color #5018bb

This text has a font color of #5018bb.

<span style="color:#5018bb;">Text here</span>

#5018bb background color

This paragraph has a background color of #5018bb.

<p style="background-color:#5018bb;">Content here</p>

#5018bb border color

This element has a border color of #5018bb.

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

CSS codes

.text {color:#5018bb;}

.background {background-color:#5018bb;}

.border {border:1px solid #5018bb;}

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, #06020d is the darkest color, while #fcfbfe is the lightest one.

#06020d
```
#06020d rgb(6,2,13)
```
#0d041f
```
#0d041f rgb(13,4,31)
```
#150630
```
#150630 rgb(21,6,48)
```
#1c0841
```
#1c0841 rgb(28,8,65)
```
#230b53
```
#230b53 rgb(35,11,83)
```
#2b0d64
```
#2b0d64 rgb(43,13,100)
```
#320f75
```
#320f75 rgb(50,15,117)
```
#3a1187
```
#3a1187 rgb(58,17,135)
```
#411498
```
#411498 rgb(65,20,152)
```
#4916aa
```
#4916aa rgb(73,22,170)
```
#5018bb
```
#5018bb rgb(80,24,187)
```
#571acc
```
#571acc rgb(87,26,204)
```
#5f1cde
```
#5f1cde rgb(95,28,222)
```

Shade Color Variation

#6a2ae4
```
#6a2ae4 rgb(106,42,228)
```
#763ce6
```
#763ce6 rgb(118,60,230)
```
#824de8
```
#824de8 rgb(130,77,232)
```
#8e5eea
```
#8e5eea rgb(142,94,234)
```
#9b70ed
```
#9b70ed rgb(155,112,237)
```
#a781ef
```
#a781ef rgb(167,129,239)
```
#b392f1
```
#b392f1 rgb(179,146,241)
```
#bfa4f3
```
#bfa4f3 rgb(191,164,243)
```
#cbb5f6
```
#cbb5f6 rgb(203,181,246)
```
#d8c7f8
```
#d8c7f8 rgb(216,199,248)
```
#e4d8fa
```
#e4d8fa rgb(228,216,250)
```
#f0e9fc
```
#f0e9fc rgb(240,233,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69696a is the less saturated color, while #4b08cb is the most saturated one.

#69696a
```
#69696a rgb(105,105,106)
```
#676172
```
#676172 rgb(103,97,114)
```
#64597a
```
#64597a rgb(100,89,122)
```
#625182
```
#625182 rgb(98,81,130)
```
#5f498a
```
#5f498a rgb(95,73,138)
```
#5d4192
```
#5d4192 rgb(93,65,146)
```
#5a389b
```
#5a389b rgb(90,56,155)
```
#5830a3
```
#5830a3 rgb(88,48,163)
```
#5528ab
```
#5528ab rgb(85,40,171)
```
#5320b3
```
#5320b3 rgb(83,32,179)
```
#5018bb
```
#5018bb rgb(80,24,187)
```
#4d10c3
```
#4d10c3 rgb(77,16,195)
```
#4b08cb
```
#4b08cb rgb(75,8,203)
```

Tone Color Variation

Below, you can see how #5018bb 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
#3f3455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#21555b Tritanopia 0.001% of the population

Trichromacy

#1d39a2 Protanomaly 1% of men, 0.01% of women
#1d3c96 Deuteranomaly 6% of men, 0.4% of women
#323e7e Tritanomaly 0.01% of the population

#5018bb hex color

#5018bb Color Information

#5018bb Color Conversion

Color Schemes with #5018bb

Alternatives to #5018bb

#5018bb Preview

Shades and Tints of #5018bb

Tones of #5018bb

Color Blindness Simulator