#5f18dc hex color

In a RGB color space, hex #5f18dc is composed of 37.3% red, 9.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 89.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 261.7 degrees, a saturation of 80.3% and a lightness of 47.8%. #5f18dc color hex could be obtained by blending #be30ff with #0000b9. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 37
- G 9
- B 86
RGB color chart
- C 57
- M 89
- Y 0
- K 14
CMYK color chart

● #5f18dc color description : Vivid violet.

The hexadecimal color #5f18dc has RGB values of R:95, G:24, B:220 and CMYK values of C:0.57, M:0.89, Y:0, K:0.14. Its decimal value is 6232284.

Hex triplet	5f18dc	`#5f18dc`
RGB Decimal	95, 24, 220	`rgb(95,24,220)`
RGB Percent	37.3, 9.4, 86.3	`rgb(37.3%,9.4%,86.3%)`
CMYK	57, 89, 0, 14
HSL	261.7°, 80.3, 47.8	`hsl(261.7,80.3%,47.8%)`
HSV (or HSB)	261.7°, 89.1, 86.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.504, 69.238, -84.173
XYZ	17.962, 8.253, 68.353
xyY	0.19, 0.087, 8.253
CIE-LCH	34.504, 108.99, 309.44
CIE-LUV	34.504, 4.182, -114.008
Hunter-Lab	28.728, 61.331, -120.959
Binary	01011111, 00011000, 11011100

#5f18dc
```
#5f18dc rgb(95,24,220)
```
#95dc18
```
#95dc18 rgb(149,220,24)
```

Complementary Color

#1833dc
```
#1833dc rgb(24,51,220)
```
#5f18dc
```
#5f18dc rgb(95,24,220)
```
#c118dc
```
#c118dc rgb(193,24,220)
```

Analogous Color

#33dc18
```
#33dc18 rgb(51,220,24)
```
#5f18dc
```
#5f18dc rgb(95,24,220)
```
#dcc118
```
#dcc118 rgb(220,193,24)
```

Split Complementary Color

#18dc5f
```
#18dc5f rgb(24,220,95)
```
#5f18dc
```
#5f18dc rgb(95,24,220)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```

Triadic Color

#1895dc
```
#1895dc rgb(24,149,220)
```
#5f18dc
```
#5f18dc rgb(95,24,220)
```
#dc5f18
```
#dc5f18 rgb(220,95,24)
```
#95dc18
```
#95dc18 rgb(149,220,24)
```

Tetradic Color

#411097
```
#411097 rgb(65,16,151)
```
#4b13ae
```
#4b13ae rgb(75,19,174)
```
#5515c5
```
#5515c5 rgb(85,21,197)
```
#5f18dc
```
#5f18dc rgb(95,24,220)
```
#6c26e7
```
#6c26e7 rgb(108,38,231)
```
#7c3dea
```
#7c3dea rgb(124,61,234)
```
#8b54ec
```
#8b54ec rgb(139,84,236)
```

Monochromatic Color

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

#2e18dc
```
#2e18dc rgb(46,24,220)
```
#3e18dc
```
#3e18dc rgb(62,24,220)
```
#4f18dc
```
#4f18dc rgb(79,24,220)
```
#5f18dc
```
#5f18dc rgb(95,24,220)
```
#6f18dc
```
#6f18dc rgb(111,24,220)
```
#8018dc
```
#8018dc rgb(128,24,220)
```
#9018dc
```
#9018dc rgb(144,24,220)
```

Similar Colors

Text with hexadecimal color #5f18dc

This text has a font color of #5f18dc.

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

#5f18dc background color

This paragraph has a background color of #5f18dc.

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

#5f18dc border color

This element has a border color of #5f18dc.

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

CSS codes

.text {color:#5f18dc;}

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

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

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

#030108
```
#030108 rgb(3,1,8)
```
#0b0319
```
#0b0319 rgb(11,3,25)
```
#13052b
```
#13052b rgb(19,5,43)
```
#1a073d
```
#1a073d rgb(26,7,61)
```
#22094f
```
#22094f rgb(34,9,79)
```
#2a0a60
```
#2a0a60 rgb(42,10,96)
```
#310c72
```
#310c72 rgb(49,12,114)
```
#390e84
```
#390e84 rgb(57,14,132)
```
#401095
```
#401095 rgb(64,16,149)
```
#4812a7
```
#4812a7 rgb(72,18,167)
```
#5014b9
```
#5014b9 rgb(80,20,185)
```
#5716ca
```
#5716ca rgb(87,22,202)
```
#5f18dc
```
#5f18dc rgb(95,24,220)
```

Shade Color Variation

#6921e7
```
#6921e7 rgb(105,33,231)
```
#7533e9
```
#7533e9 rgb(117,51,233)
```
#8144eb
```
#8144eb rgb(129,68,235)
```
#8c56ed
```
#8c56ed rgb(140,86,237)
```
#9868ee
```
#9868ee rgb(152,104,238)
```
#a479f0
```
#a479f0 rgb(164,121,240)
```
#b08bf2
```
#b08bf2 rgb(176,139,242)
```
#bc9df4
```
#bc9df4 rgb(188,157,244)
```
#c8aef6
```
#c8aef6 rgb(200,174,246)
```
#d4c0f8
```
#d4c0f8 rgb(212,192,248)
```
#e0d2fa
```
#e0d2fa rgb(224,210,250)
```
#ece3fc
```
#ece3fc rgb(236,227,252)
```
#f8f5fe
```
#f8f5fe rgb(248,245,254)
```

Tint Color Variation

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

#79767e
```
#79767e rgb(121,118,126)
```
#766c88
```
#766c88 rgb(118,108,136)
```
#746391
```
#746391 rgb(116,99,145)
```
#715a9a
```
#715a9a rgb(113,90,154)
```
#6f50a4
```
#6f50a4 rgb(111,80,164)
```
#6c47ad
```
#6c47ad rgb(108,71,173)
```
#693eb6
```
#693eb6 rgb(105,62,182)
```
#6734c0
```
#6734c0 rgb(103,52,192)
```
#642bc9
```
#642bc9 rgb(100,43,201)
```
#6221d3
```
#6221d3 rgb(98,33,211)
```
#5f18dc
```
#5f18dc rgb(95,24,220)
```
#5c0fe5
```
#5c0fe5 rgb(92,15,229)
```
#5a05ef
```
#5a05ef rgb(90,5,239)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#493b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#246169 Tritanopia 0.001% of the population

Trichromacy

#2240bc Protanomaly 1% of men, 0.01% of women
#2243ad Deuteranomaly 6% of men, 0.4% of women
#394792 Tritanomaly 0.01% of the population

#5f18dc hex color

#5f18dc Color Information

#5f18dc Color Conversion

Color Schemes with #5f18dc

Alternatives to #5f18dc

#5f18dc Preview

Shades and Tints of #5f18dc

Tones of #5f18dc

Color Blindness Simulator