#5f336f hex color

In a RGB color space, hex #5f336f is composed of 37.3% red, 20% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 54.1% magenta, 0% yellow and 56.5% black. It has a hue angle of 284 degrees, a saturation of 37% and a lightness of 31.8%. #5f336f color hex could be obtained by blending #be66de with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 20
- B 44
RGB color chart
- C 14
- M 54
- Y 0
- K 56
CMYK color chart

● #5f336f color description : Very dark desaturated violet.

The hexadecimal color #5f336f has RGB values of R:95, G:51, B:111 and CMYK values of C:0.14, M:0.54, Y:0, K:0.56. Its decimal value is 6239087.

Hex triplet	5f336f	`#5f336f`
RGB Decimal	95, 51, 111	`rgb(95,51,111)`
RGB Percent	37.3, 20, 43.5	`rgb(37.3%,20%,43.5%)`
CMYK	14, 54, 0, 56
HSL	284°, 37, 31.8	`hsl(284,37%,31.8%)`
HSV (or HSB)	284°, 54.1, 43.5
Web Safe	663366	`#663366`

CIE-LAB	29.282, 30.774, -26.857
XYZ	8.772, 5.949, 15.724
xyY	0.288, 0.195, 5.949
CIE-LCH	29.282, 40.845, 318.888
CIE-LUV	29.282, 16.696, -37.898
Hunter-Lab	24.39, 21.518, -21.152
Binary	01011111, 00110011, 01101111

#5f336f
```
#5f336f rgb(95,51,111)
```
#436f33
```
#436f33 rgb(67,111,51)
```

Complementary Color

#41336f
```
#41336f rgb(65,51,111)
```
#5f336f
```
#5f336f rgb(95,51,111)
```
#6f3361
```
#6f3361 rgb(111,51,97)
```

Analogous Color

#336f41
```
#336f41 rgb(51,111,65)
```
#5f336f
```
#5f336f rgb(95,51,111)
```
#616f33
```
#616f33 rgb(97,111,51)
```

Split Complementary Color

#336f5f
```
#336f5f rgb(51,111,95)
```
#5f336f
```
#5f336f rgb(95,51,111)
```
#6f5f33
```
#6f5f33 rgb(111,95,51)
```

Triadic Color

#33436f
```
#33436f rgb(51,67,111)
```
#5f336f
```
#5f336f rgb(95,51,111)
```
#6f5f33
```
#6f5f33 rgb(111,95,51)
```
#436f33
```
#436f33 rgb(67,111,51)
```

Tetradic Color

#321b3b
```
#321b3b rgb(50,27,59)
```
#41234c
```
#41234c rgb(65,35,76)
```
#502b5e
```
#502b5e rgb(80,43,94)
```
#5f336f
```
#5f336f rgb(95,51,111)
```
#6e3b80
```
#6e3b80 rgb(110,59,128)
```
#7d4392
```
#7d4392 rgb(125,67,146)
```
#8c4ba3
```
#8c4ba3 rgb(140,75,163)
```

Monochromatic Color

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

#50336f
```
#50336f rgb(80,51,111)
```
#55336f
```
#55336f rgb(85,51,111)
```
#5a336f
```
#5a336f rgb(90,51,111)
```
#5f336f
```
#5f336f rgb(95,51,111)
```
#64336f
```
#64336f rgb(100,51,111)
```
#69336f
```
#69336f rgb(105,51,111)
```
#6e336f
```
#6e336f rgb(110,51,111)
```

Similar Colors

Text with hexadecimal color #5f336f

This text has a font color of #5f336f.

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

#5f336f background color

This paragraph has a background color of #5f336f.

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

#5f336f border color

This element has a border color of #5f336f.

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

CSS codes

.text {color:#5f336f;}

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

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0e0811
```
#0e0811 rgb(14,8,17)
```
#1a0e1e
```
#1a0e1e rgb(26,14,30)
```
#25142c
```
#25142c rgb(37,20,44)
```
#311a39
```
#311a39 rgb(49,26,57)
```
#3c2047
```
#3c2047 rgb(60,32,71)
```
#482754
```
#482754 rgb(72,39,84)
```
#532d62
```
#532d62 rgb(83,45,98)
```
#5f336f
```
#5f336f rgb(95,51,111)
```
#6b397c
```
#6b397c rgb(107,57,124)
```
#763f8a
```
#763f8a rgb(118,63,138)
```
#824697
```
#824697 rgb(130,70,151)
```
#8d4ca5
```
#8d4ca5 rgb(141,76,165)
```

Shade Color Variation

#9854b0
```
#9854b0 rgb(152,84,176)
```
#a061b6
```
#a061b6 rgb(160,97,182)
```
#a86fbd
```
#a86fbd rgb(168,111,189)
```
#b07cc3
```
#b07cc3 rgb(176,124,195)
```
#b88ac9
```
#b88ac9 rgb(184,138,201)
```
#c097cf
```
#c097cf rgb(192,151,207)
```
#c8a4d5
```
#c8a4d5 rgb(200,164,213)
```
#d0b2dc
```
#d0b2dc rgb(208,178,220)
```
#d9bfe2
```
#d9bfe2 rgb(217,191,226)
```
#e1cde8
```
#e1cde8 rgb(225,205,232)
```
#e9daee
```
#e9daee rgb(233,218,238)
```
#f1e8f4
```
#f1e8f4 rgb(241,232,244)
```
#f9f5fa
```
#f9f5fa rgb(249,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #534c56 is the less saturated color, while #7601a1 is the most saturated one.

#534c56
```
#534c56 rgb(83,76,86)
```
#56465c
```
#56465c rgb(86,70,92)
```
#593f63
```
#593f63 rgb(89,63,99)
```
#5c3969
```
#5c3969 rgb(92,57,105)
```
#5f336f
```
#5f336f rgb(95,51,111)
```
#622d75
```
#622d75 rgb(98,45,117)
```
#65277b
```
#65277b rgb(101,39,123)
```
#682082
```
#682082 rgb(104,32,130)
```
#6b1a88
```
#6b1a88 rgb(107,26,136)
```
#6e148e
```
#6e148e rgb(110,20,142)
```
#700e94
```
#700e94 rgb(112,14,148)
```
#73079b
```
#73079b rgb(115,7,155)
```
#7601a1
```
#7601a1 rgb(118,1,161)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4c434f Atypical Achromatopsia 0.001% of the population

Dichromacy

#344c82 Protanopia 1% of men
#3d4e71 Deuteranopia 1% of men
#60484d Tritanopia 0.001% of the population

Trichromacy

#43437b Protanomaly 1% of men, 0.01% of women
#494470 Deuteranomaly 6% of men, 0.4% of women
#5f4059 Tritanomaly 0.01% of the population

#5f336f hex color

#5f336f Color Information

#5f336f Color Conversion

Color Schemes with #5f336f

Alternatives to #5f336f

#5f336f Preview

Shades and Tints of #5f336f

Tones of #5f336f

Color Blindness Simulator