#5f1686 hex color

In a RGB color space, hex #5f1686 is composed of 37.3% red, 8.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 83.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 279.1 degrees, a saturation of 71.8% and a lightness of 30.6%. #5f1686 color hex could be obtained by blending #be2cff with #00000d. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 37
- G 9
- B 53
RGB color chart
- C 29
- M 84
- Y 0
- K 47
CMYK color chart

● #5f1686 color description : Dark violet.

The hexadecimal color #5f1686 has RGB values of R:95, G:22, B:134 and CMYK values of C:0.29, M:0.84, Y:0, K:0.47. Its decimal value is 6231686.

Hex triplet	5f1686	`#5f1686`
RGB Decimal	95, 22, 134	`rgb(95,22,134)`
RGB Percent	37.3, 8.6, 52.5	`rgb(37.3%,8.6%,52.5%)`
CMYK	29, 84, 0, 47
HSL	279.1°, 71.8, 30.6	`hsl(279.1,71.8%,30.6%)`
HSV (or HSB)	279.1°, 83.6, 52.5
Web Safe	660099	`#660099`

CIE-LAB	25.946, 49.671, -46.748
XYZ	9.309, 4.728, 22.975
xyY	0.252, 0.128, 4.728
CIE-LCH	25.946, 68.21, 316.737
CIE-LUV	25.946, 17.47, -61.739
Hunter-Lab	21.744, 38.362, -47.425
Binary	01011111, 00010110, 10000110

#5f1686
```
#5f1686 rgb(95,22,134)
```
#3d8616
```
#3d8616 rgb(61,134,22)
```

Complementary Color

#271686
```
#271686 rgb(39,22,134)
```
#5f1686
```
#5f1686 rgb(95,22,134)
```
#861675
```
#861675 rgb(134,22,117)
```

Analogous Color

#168627
```
#168627 rgb(22,134,39)
```
#5f1686
```
#5f1686 rgb(95,22,134)
```
#758616
```
#758616 rgb(117,134,22)
```

Split Complementary Color

#16865f
```
#16865f rgb(22,134,95)
```
#5f1686
```
#5f1686 rgb(95,22,134)
```
#865f16
```
#865f16 rgb(134,95,22)
```

Triadic Color

#163d86
```
#163d86 rgb(22,61,134)
```
#5f1686
```
#5f1686 rgb(95,22,134)
```
#865f16
```
#865f16 rgb(134,95,22)
```
#3d8616
```
#3d8616 rgb(61,134,22)
```

Tetradic Color

#300b44
```
#300b44 rgb(48,11,68)
```
#400f5a
```
#400f5a rgb(64,15,90)
```
#4f1270
```
#4f1270 rgb(79,18,112)
```
#5f1686
```
#5f1686 rgb(95,22,134)
```
#6f1a9c
```
#6f1a9c rgb(111,26,156)
```
#7e1db2
```
#7e1db2 rgb(126,29,178)
```
#8e21c8
```
#8e21c8 rgb(142,33,200)
```

Monochromatic Color

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

#431686
```
#431686 rgb(67,22,134)
```
#4c1686
```
#4c1686 rgb(76,22,134)
```
#561686
```
#561686 rgb(86,22,134)
```
#5f1686
```
#5f1686 rgb(95,22,134)
```
#681686
```
#681686 rgb(104,22,134)
```
#721686
```
#721686 rgb(114,22,134)
```
#7b1686
```
#7b1686 rgb(123,22,134)
```

Similar Colors

Text with hexadecimal color #5f1686

This text has a font color of #5f1686.

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

#5f1686 background color

This paragraph has a background color of #5f1686.

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

#5f1686 border color

This element has a border color of #5f1686.

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

CSS codes

.text {color:#5f1686;}

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

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

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, #0b0310 is the darkest color, while #fffeff is the lightest one.

#0b0310
```
#0b0310 rgb(11,3,16)
```
#170521
```
#170521 rgb(23,5,33)
```
#230832
```
#230832 rgb(35,8,50)
```
#2f0b43
```
#2f0b43 rgb(47,11,67)
```
#3b0e53
```
#3b0e53 rgb(59,14,83)
```
#471064
```
#471064 rgb(71,16,100)
```
#531375
```
#531375 rgb(83,19,117)
```
#5f1686
```
#5f1686 rgb(95,22,134)
```
#6b1997
```
#6b1997 rgb(107,25,151)
```
#771ca8
```
#771ca8 rgb(119,28,168)
```
#831eb9
```
#831eb9 rgb(131,30,185)
```
#8f21c9
```
#8f21c9 rgb(143,33,201)
```
#9b24da
```
#9b24da rgb(155,36,218)
```

Shade Color Variation

#a334de
```
#a334de rgb(163,52,222)
```
#aa45e0
```
#aa45e0 rgb(170,69,224)
```
#b256e3
```
#b256e3 rgb(178,86,227)
```
#ba67e6
```
#ba67e6 rgb(186,103,230)
```
#c177e9
```
#c177e9 rgb(193,119,233)
```
#c988ec
```
#c988ec rgb(201,136,236)
```
#d199ee
```
#d199ee rgb(209,153,238)
```
#d8aaf1
```
#d8aaf1 rgb(216,170,241)
```
#e0bbf4
```
#e0bbf4 rgb(224,187,244)
```
#e8ccf7
```
#e8ccf7 rgb(232,204,247)
```
#efddf9
```
#efddf9 rgb(239,221,249)
```
#f7edfc
```
#f7edfc rgb(247,237,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#4f4c50
```
#4f4c50 rgb(79,76,80)
```
#504656
```
#504656 rgb(80,70,86)
```
#52405c
```
#52405c rgb(82,64,92)
```
#543a62
```
#543a62 rgb(84,58,98)
```
#563468
```
#563468 rgb(86,52,104)
```
#582e6e
```
#582e6e rgb(88,46,110)
```
#5a2874
```
#5a2874 rgb(90,40,116)
```
#5b227a
```
#5b227a rgb(91,34,122)
```
#5d1c80
```
#5d1c80 rgb(93,28,128)
```
#5f1686
```
#5f1686 rgb(95,22,134)
```
#61108c
```
#61108c rgb(97,16,140)
```
#630a92
```
#630a92 rgb(99,10,146)
```
#640498
```
#640498 rgb(100,4,152)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#413248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004877 Deuteranopia 1% of men
#594145 Tritanopia 0.001% of the population

Trichromacy

#223486 Protanomaly 1% of men, 0.01% of women
#22367d Deuteranomaly 6% of men, 0.4% of women
#5b315d Tritanomaly 0.01% of the population

#5f1686 hex color

#5f1686 Color Information

#5f1686 Color Conversion

Color Schemes with #5f1686

Alternatives to #5f1686

#5f1686 Preview

Shades and Tints of #5f1686

Tones of #5f1686

Color Blindness Simulator