#5f18ec hex color

In a RGB color space, hex #5f18ec is composed of 37.3% red, 9.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 89.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 260.1 degrees, a saturation of 84.8% and a lightness of 51%. #5f18ec color hex could be obtained by blending #be30ff with #0000d9. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 37
- G 9
- B 93
RGB color chart
- C 60
- M 90
- Y 0
- K 7
CMYK color chart

● #5f18ec color description : Vivid violet.

The hexadecimal color #5f18ec has RGB values of R:95, G:24, B:236 and CMYK values of C:0.6, M:0.9, Y:0, K:0.07. Its decimal value is 6232300.

Hex triplet	5f18ec	`#5f18ec`
RGB Decimal	95, 24, 236	`rgb(95,24,236)`
RGB Percent	37.3, 9.4, 92.5	`rgb(37.3%,9.4%,92.5%)`
CMYK	60, 90, 0, 7
HSL	260.1°, 84.8, 51	`hsl(260.1,84.8%,51%)`
HSV (or HSB)	260.1°, 89.8, 92.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.256, 73.062, -90.415
XYZ	20.184, 9.142, 80.053
xyY	0.185, 0.084, 9.142
CIE-LCH	36.256, 116.245, 308.941
CIE-LUV	36.256, 2.489, -123.175
Hunter-Lab	30.235, 66.246, -135.816
Binary	01011111, 00011000, 11101100

#5f18ec
```
#5f18ec rgb(95,24,236)
```
#a5ec18
```
#a5ec18 rgb(165,236,24)
```

Complementary Color

#183bec
```
#183bec rgb(24,59,236)
```
#5f18ec
```
#5f18ec rgb(95,24,236)
```
#c918ec
```
#c918ec rgb(201,24,236)
```

Analogous Color

#3bec18
```
#3bec18 rgb(59,236,24)
```
#5f18ec
```
#5f18ec rgb(95,24,236)
```
#ecc918
```
#ecc918 rgb(236,201,24)
```

Split Complementary Color

#18ec5f
```
#18ec5f rgb(24,236,95)
```
#5f18ec
```
#5f18ec rgb(95,24,236)
```
#ec5f18
```
#ec5f18 rgb(236,95,24)
```

Triadic Color

#18a5ec
```
#18a5ec rgb(24,165,236)
```
#5f18ec
```
#5f18ec rgb(95,24,236)
```
#ec5f18
```
#ec5f18 rgb(236,95,24)
```
#a5ec18
```
#a5ec18 rgb(165,236,24)
```

Tetradic Color

#420eaa
```
#420eaa rgb(66,14,170)
```
#4b10c1
```
#4b10c1 rgb(75,16,193)
```
#5412d9
```
#5412d9 rgb(84,18,217)
```
#5f18ec
```
#5f18ec rgb(95,24,236)
```
#6f30ee
```
#6f30ee rgb(111,48,238)
```
#8047f0
```
#8047f0 rgb(128,71,240)
```
#905ff2
```
#905ff2 rgb(144,95,242)
```

Monochromatic Color

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

#2a18ec
```
#2a18ec rgb(42,24,236)
```
#3c18ec
```
#3c18ec rgb(60,24,236)
```
#4d18ec
```
#4d18ec rgb(77,24,236)
```
#5f18ec
```
#5f18ec rgb(95,24,236)
```
#7118ec
```
#7118ec rgb(113,24,236)
```
#8218ec
```
#8218ec rgb(130,24,236)
```
#9418ec
```
#9418ec rgb(148,24,236)
```

Similar Colors

Text with hexadecimal color #5f18ec

This text has a font color of #5f18ec.

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

#5f18ec background color

This paragraph has a background color of #5f18ec.

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

#5f18ec border color

This element has a border color of #5f18ec.

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

CSS codes

.text {color:#5f18ec;}

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

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

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

#020005
```
#020005 rgb(2,0,5)
```
#090217
```
#090217 rgb(9,2,23)
```
#100329
```
#100329 rgb(16,3,41)
```
#17053b
```
#17053b rgb(23,5,59)
```
#1e064d
```
#1e064d rgb(30,6,77)
```
#25085f
```
#25085f rgb(37,8,95)
```
#2c0971
```
#2c0971 rgb(44,9,113)
```
#330b83
```
#330b83 rgb(51,11,131)
```
#3a0c96
```
#3a0c96 rgb(58,12,150)
```
#410ea8
```
#410ea8 rgb(65,14,168)
```
#480fba
```
#480fba rgb(72,15,186)
```
#4f11cc
```
#4f11cc rgb(79,17,204)
```
#5712de
```
#5712de rgb(87,18,222)
```

Shade Color Variation

#5f18ec
```
#5f18ec rgb(95,24,236)
```
#6c2aed
```
#6c2aed rgb(108,42,237)
```
#783cef
```
#783cef rgb(120,60,239)
```
#854ef0
```
#854ef0 rgb(133,78,240)
```
#9160f2
```
#9160f2 rgb(145,96,242)
```
#9e73f3
```
#9e73f3 rgb(158,115,243)
```
#aa85f5
```
#aa85f5 rgb(170,133,245)
```
#b797f6
```
#b797f6 rgb(183,151,246)
```
#c3a9f8
```
#c3a9f8 rgb(195,169,248)
```
#d0bbf9
```
#d0bbf9 rgb(208,187,249)
```
#ddcdfb
```
#ddcdfb rgb(221,205,251)
```
#e9dffc
```
#e9dffc rgb(233,223,252)
```
#f6f1fe
```
#f6f1fe rgb(246,241,254)
```

Tint Color Variation

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

#828282
```
#828282 rgb(130,130,130)
```
#7f788c
```
#7f788c rgb(127,120,140)
```
#7c6f95
```
#7c6f95 rgb(124,111,149)
```
#78659f
```
#78659f rgb(120,101,159)
```
#755ba9
```
#755ba9 rgb(117,91,169)
```
#7252b2
```
#7252b2 rgb(114,82,178)
```
#6f48bc
```
#6f48bc rgb(111,72,188)
```
#6c3ec6
```
#6c3ec6 rgb(108,62,198)
```
#6935cf
```
#6935cf rgb(105,53,207)
```
#652bd9
```
#652bd9 rgb(101,43,217)
```
#6222e2
```
#6222e2 rgb(98,34,226)
```
#5f18ec
```
#5f18ec rgb(95,24,236)
```
#5c0ef6
```
#5c0ef6 rgb(92,14,246)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4a3c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#2242c6 Protanomaly 1% of men, 0.01% of women
#2246b7 Deuteranomaly 6% of men, 0.4% of women
#224a9c Tritanomaly 0.01% of the population

#5f18ec hex color

#5f18ec Color Information

#5f18ec Color Conversion

Color Schemes with #5f18ec

Alternatives to #5f18ec

#5f18ec Preview

Shades and Tints of #5f18ec

Tones of #5f18ec

Color Blindness Simulator