#5f336a hex color

In a RGB color space, hex #5f336a is composed of 37.3% red, 20% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 51.9% magenta, 0% yellow and 58.4% black. It has a hue angle of 288 degrees, a saturation of 35% and a lightness of 30.8%. #5f336a color hex could be obtained by blending #be66d4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 20
- B 42
RGB color chart
- C 10
- M 52
- Y 0
- K 58
CMYK color chart

● #5f336a color description : Very dark desaturated magenta.

The hexadecimal color #5f336a has RGB values of R:95, G:51, B:106 and CMYK values of C:0.1, M:0.52, Y:0, K:0.58. Its decimal value is 6239082.

Hex triplet	5f336a	`#5f336a`
RGB Decimal	95, 51, 106	`rgb(95,51,106)`
RGB Percent	37.3, 20, 41.6	`rgb(37.3%,20%,41.6%)`
CMYK	10, 52, 0, 58
HSL	288°, 35, 30.8	`hsl(288,35%,30.8%)`
HSV (or HSB)	288°, 51.9, 41.6
Web Safe	663366	`#663366`

CIE-LAB	29.009, 29.63, -24.094
XYZ	8.504, 5.841, 14.314
xyY	0.297, 0.204, 5.841
CIE-LCH	29.009, 38.19, 320.883
CIE-LUV	29.009, 17.637, -34.054
Hunter-Lab	24.169, 20.513, -18.197
Binary	01011111, 00110011, 01101010

#5f336a
```
#5f336a rgb(95,51,106)
```
#3e6a33
```
#3e6a33 rgb(62,106,51)
```

Complementary Color

#44336a
```
#44336a rgb(68,51,106)
```
#5f336a
```
#5f336a rgb(95,51,106)
```
#6a335a
```
#6a335a rgb(106,51,90)
```

Analogous Color

#336a44
```
#336a44 rgb(51,106,68)
```
#5f336a
```
#5f336a rgb(95,51,106)
```
#5a6a33
```
#5a6a33 rgb(90,106,51)
```

Split Complementary Color

#336a5f
```
#336a5f rgb(51,106,95)
```
#5f336a
```
#5f336a rgb(95,51,106)
```
#6a5f33
```
#6a5f33 rgb(106,95,51)
```

Triadic Color

#333e6a
```
#333e6a rgb(51,62,106)
```
#5f336a
```
#5f336a rgb(95,51,106)
```
#6a5f33
```
#6a5f33 rgb(106,95,51)
```
#3e6a33
```
#3e6a33 rgb(62,106,51)
```

Tetradic Color

#311a36
```
#311a36 rgb(49,26,54)
```
#402248
```
#402248 rgb(64,34,72)
```
#502b59
```
#502b59 rgb(80,43,89)
```
#5f336a
```
#5f336a rgb(95,51,106)
```
#6e3b7b
```
#6e3b7b rgb(110,59,123)
```
#7e448c
```
#7e448c rgb(126,68,140)
```
#8d4c9e
```
#8d4c9e rgb(141,76,158)
```

Monochromatic Color

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

#51336a
```
#51336a rgb(81,51,106)
```
#56336a
```
#56336a rgb(86,51,106)
```
#5a336a
```
#5a336a rgb(90,51,106)
```
#5f336a
```
#5f336a rgb(95,51,106)
```
#64336a
```
#64336a rgb(100,51,106)
```
#68336a
```
#68336a rgb(104,51,106)
```
#6a3367
```
#6a3367 rgb(106,51,103)
```

Similar Colors

Text with hexadecimal color #5f336a

This text has a font color of #5f336a.

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

#5f336a background color

This paragraph has a background color of #5f336a.

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

#5f336a border color

This element has a border color of #5f336a.

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

CSS codes

.text {color:#5f336a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c060d
```
#0c060d rgb(12,6,13)
```
#180d1b
```
#180d1b rgb(24,13,27)
```
#241328
```
#241328 rgb(36,19,40)
```
#301a35
```
#301a35 rgb(48,26,53)
```
#3b2042
```
#3b2042 rgb(59,32,66)
```
#472650
```
#472650 rgb(71,38,80)
```
#532d5d
```
#532d5d rgb(83,45,93)
```
#5f336a
```
#5f336a rgb(95,51,106)
```
#6b3977
```
#6b3977 rgb(107,57,119)
```
#774084
```
#774084 rgb(119,64,132)
```
#834692
```
#834692 rgb(131,70,146)
```
#8e4c9f
```
#8e4c9f rgb(142,76,159)
```

Shade Color Variation

#9a53ac
```
#9a53ac rgb(154,83,172)
```
#a260b3
```
#a260b3 rgb(162,96,179)
```
#aa6db9
```
#aa6db9 rgb(170,109,185)
```
#b27bbf
```
#b27bbf rgb(178,123,191)
```
#b988c6
```
#b988c6 rgb(185,136,198)
```
#c195cc
```
#c195cc rgb(193,149,204)
```
#c9a2d2
```
#c9a2d2 rgb(201,162,210)
```
#d1b0d9
```
#d1b0d9 rgb(209,176,217)
```
#d8bddf
```
#d8bddf rgb(216,189,223)
```
#e0cae6
```
#e0cae6 rgb(224,202,230)
```
#e8d7ec
```
#e8d7ec rgb(232,215,236)
```
#f0e5f2
```
#f0e5f2 rgb(240,229,242)
```
#f7f2f9
```
#f7f2f9 rgb(247,242,249)
```

Tint Color Variation

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

#514b52
```
#514b52 rgb(81,75,82)
```
#544558
```
#544558 rgb(84,69,88)
```
#583f5e
```
#583f5e rgb(88,63,94)
```
#5b3964
```
#5b3964 rgb(91,57,100)
```
#5f336a
```
#5f336a rgb(95,51,106)
```
#632d70
```
#632d70 rgb(99,45,112)
```
#662776
```
#662776 rgb(102,39,118)
```
#6a217c
```
#6a217c rgb(106,33,124)
```
#6d1b82
```
#6d1b82 rgb(109,27,130)
```
#711588
```
#711588 rgb(113,21,136)
```
#750f8e
```
#750f8e rgb(117,15,142)
```
#780994
```
#780994 rgb(120,9,148)
```
#7c039a
```
#7c039a rgb(124,3,154)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4b424d Atypical Achromatopsia 0.001% of the population

Dichromacy

#374c7d Protanopia 1% of men
#414d6c Deuteranopia 1% of men
#61474c Tritanopia 0.001% of the population

Trichromacy

#464376 Protanomaly 1% of men, 0.01% of women
#4c436b Deuteranomaly 6% of men, 0.4% of women
#603f56 Tritanomaly 0.01% of the population

#5f336a hex color

#5f336a Color Information

#5f336a Color Conversion

Color Schemes with #5f336a

Alternatives to #5f336a

#5f336a Preview

Shades and Tints of #5f336a

Tones of #5f336a

Color Blindness Simulator