#5a18e8 hex color

In a RGB color space, hex #5a18e8 is composed of 35.3% red, 9.4% green and 91% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 89.7% magenta, 0% yellow and 9% black. It has a hue angle of 259 degrees, a saturation of 81.9% and a lightness of 50.2%. #5a18e8 color hex could be obtained by blending #b430ff with #0000d1. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 35
- G 9
- B 91
RGB color chart
- C 61
- M 90
- Y 0
- K 9
CMYK color chart

● #5a18e8 color description : Vivid violet.

The hexadecimal color #5a18e8 has RGB values of R:90, G:24, B:232 and CMYK values of C:0.61, M:0.9, Y:0, K:0.09. Its decimal value is 5904616.

Hex triplet	5a18e8	`#5a18e8`
RGB Decimal	90, 24, 232	`rgb(90,24,232)`
RGB Percent	35.3, 9.4, 91	`rgb(35.3%,9.4%,91%)`
CMYK	61, 90, 0, 9
HSL	259°, 81.9, 50.2	`hsl(259,81.9%,50.2%)`
HSV (or HSB)	259°, 89.7, 91
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.306, 71.747, -89.729
XYZ	19.106, 8.652, 77.003
xyY	0.182, 0.083, 8.652
CIE-LCH	35.306, 114.887, 308.646
CIE-LUV	35.306, 1.527, -120.876
Hunter-Lab	29.415, 64.464, -134.619
Binary	01011010, 00011000, 11101000

#5a18e8
```
#5a18e8 rgb(90,24,232)
```
#a6e818
```
#a6e818 rgb(166,232,24)
```

Complementary Color

#183ee8
```
#183ee8 rgb(24,62,232)
```
#5a18e8
```
#5a18e8 rgb(90,24,232)
```
#c218e8
```
#c218e8 rgb(194,24,232)
```

Analogous Color

#3ee818
```
#3ee818 rgb(62,232,24)
```
#5a18e8
```
#5a18e8 rgb(90,24,232)
```
#e8c218
```
#e8c218 rgb(232,194,24)
```

Split Complementary Color

#18e85a
```
#18e85a rgb(24,232,90)
```
#5a18e8
```
#5a18e8 rgb(90,24,232)
```
#e85a18
```
#e85a18 rgb(232,90,24)
```

Triadic Color

#18a6e8
```
#18a6e8 rgb(24,166,232)
```
#5a18e8
```
#5a18e8 rgb(90,24,232)
```
#e85a18
```
#e85a18 rgb(232,90,24)
```
#a6e818
```
#a6e818 rgb(166,232,24)
```

Tetradic Color

#3f10a3
```
#3f10a3 rgb(63,16,163)
```
#4813ba
```
#4813ba rgb(72,19,186)
```
#5115d2
```
#5115d2 rgb(81,21,210)
```
#5a18e8
```
#5a18e8 rgb(90,24,232)
```
#6b2fea
```
#6b2fea rgb(107,47,234)
```
#7b46ed
```
#7b46ed rgb(123,70,237)
```
#8c5eef
```
#8c5eef rgb(140,94,239)
```

Monochromatic Color

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

#2618e8
```
#2618e8 rgb(38,24,232)
```
#3718e8
```
#3718e8 rgb(55,24,232)
```
#4918e8
```
#4918e8 rgb(73,24,232)
```
#5a18e8
```
#5a18e8 rgb(90,24,232)
```
#6b18e8
```
#6b18e8 rgb(107,24,232)
```
#7d18e8
```
#7d18e8 rgb(125,24,232)
```
#8e18e8
```
#8e18e8 rgb(142,24,232)
```

Similar Colors

Text with hexadecimal color #5a18e8

This text has a font color of #5a18e8.

<span style="color:#5a18e8;">Text here</span>

#5a18e8 background color

This paragraph has a background color of #5a18e8.

<p style="background-color:#5a18e8;">Content here</p>

#5a18e8 border color

This element has a border color of #5a18e8.

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

CSS codes

.text {color:#5a18e8;}

.background {background-color:#5a18e8;}

.border {border:1px solid #5a18e8;}

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

#000001
```
#000001 rgb(0,0,1)
```
#070213
```
#070213 rgb(7,2,19)
```
#0e0425
```
#0e0425 rgb(14,4,37)
```
#150536
```
#150536 rgb(21,5,54)
```
#1c0748
```
#1c0748 rgb(28,7,72)
```
#23095a
```
#23095a rgb(35,9,90)
```
#2a0b6c
```
#2a0b6c rgb(42,11,108)
```
#300d7e
```
#300d7e rgb(48,13,126)
```
#370e90
```
#370e90 rgb(55,14,144)
```
#3e10a1
```
#3e10a1 rgb(62,16,161)
```
#4512b3
```
#4512b3 rgb(69,18,179)
```
#4c14c5
```
#4c14c5 rgb(76,20,197)
```
#5315d7
```
#5315d7 rgb(83,21,215)
```

Shade Color Variation

#5a18e8
```
#5a18e8 rgb(90,24,232)
```
#672aea
```
#672aea rgb(103,42,234)
```
#733cec
```
#733cec rgb(115,60,236)
```
#804eed
```
#804eed rgb(128,78,237)
```
#8d5fef
```
#8d5fef rgb(141,95,239)
```
#9a71f1
```
#9a71f1 rgb(154,113,241)
```
#a683f3
```
#a683f3 rgb(166,131,243)
```
#b395f4
```
#b395f4 rgb(179,149,244)
```
#c0a7f6
```
#c0a7f6 rgb(192,167,246)
```
#cdb9f8
```
#cdb9f8 rgb(205,185,248)
```
#d9cafa
```
#d9cafa rgb(217,202,250)
```
#e6dcfc
```
#e6dcfc rgb(230,220,252)
```
#f3eefd
```
#f3eefd rgb(243,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7a86 is the less saturated color, while #5304fc is the most saturated one.

#7e7a86
```
#7e7a86 rgb(126,122,134)
```
#7a7090
```
#7a7090 rgb(122,112,144)
```
#77669a
```
#77669a rgb(119,102,154)
```
#735ca4
```
#735ca4 rgb(115,92,164)
```
#6f53ad
```
#6f53ad rgb(111,83,173)
```
#6c49b7
```
#6c49b7 rgb(108,73,183)
```
#683fc1
```
#683fc1 rgb(104,63,193)
```
#6535cb
```
#6535cb rgb(101,53,203)
```
#612cd4
```
#612cd4 rgb(97,44,212)
```
#5e22de
```
#5e22de rgb(94,34,222)
```
#5a18e8
```
#5a18e8 rgb(90,24,232)
```
#560ef2
```
#560ef2 rgb(86,14,242)
```
#5304fc
```
#5304fc rgb(83,4,252)
```

Tone Color Variation

Below, you can see how #5a18e8 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

#434343 Achromatopsia 0.005% of the population
#483a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#2041c2 Protanomaly 1% of men, 0.01% of women
#2044b3 Deuteranomaly 6% of men, 0.4% of women
#204898 Tritanomaly 0.01% of the population

#5a18e8 hex color

#5a18e8 Color Information

#5a18e8 Color Conversion

Color Schemes with #5a18e8

Alternatives to #5a18e8

#5a18e8 Preview

Shades and Tints of #5a18e8

Tones of #5a18e8

Color Blindness Simulator