#331f36 hex color

In a RGB color space, hex #331f36 is composed of 20% red, 12.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 42.6% magenta, 0% yellow and 78.8% black. It has a hue angle of 292.2 degrees, a saturation of 27.1% and a lightness of 16.7%. #331f36 color hex could be obtained by blending #663e6c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 12
- B 21
RGB color chart
- C 6
- M 43
- Y 0
- K 79
CMYK color chart

● #331f36 color description : Very dark desaturated magenta.

The hexadecimal color #331f36 has RGB values of R:51, G:31, B:54 and CMYK values of C:0.06, M:0.43, Y:0, K:0.79. Its decimal value is 3350326.

Hex triplet	331f36	`#331f36`
RGB Decimal	51, 31, 54	`rgb(51,31,54)`
RGB Percent	20, 12.2, 21.2	`rgb(20%,12.2%,21.2%)`
CMYK	6, 43, 0, 79
HSL	292.2°, 27.1, 16.7	`hsl(292.2,27.1%,16.7%)`
HSV (or HSB)	292.2°, 42.6, 21.2
Web Safe	333333	`#333333`

CIE-LAB	15.224, 14.528, -11.141
XYZ	2.521, 1.95, 3.733
xyY	0.307, 0.238, 1.95
CIE-LCH	15.224, 18.308, 322.516
CIE-LUV	15.224, 7.285, -11.857
Hunter-Lab	13.965, 7.785, -6.075
Binary	00110011, 00011111, 00110110

#331f36
```
#331f36 rgb(51,31,54)
```
#22361f
```
#22361f rgb(34,54,31)
```

Complementary Color

#281f36
```
#281f36 rgb(40,31,54)
```
#331f36
```
#331f36 rgb(51,31,54)
```
#361f2e
```
#361f2e rgb(54,31,46)
```

Analogous Color

#1f3628
```
#1f3628 rgb(31,54,40)
```
#331f36
```
#331f36 rgb(51,31,54)
```
#2e361f
```
#2e361f rgb(46,54,31)
```

Split Complementary Color

#1f3633
```
#1f3633 rgb(31,54,51)
```
#331f36
```
#331f36 rgb(51,31,54)
```
#36331f
```
#36331f rgb(54,51,31)
```

Triadic Color

#1f2236
```
#1f2236 rgb(31,34,54)
```
#331f36
```
#331f36 rgb(51,31,54)
```
#36331f
```
#36331f rgb(54,51,31)
```
#22361f
```
#22361f rgb(34,54,31)
```

Tetradic Color

#050305
```
#050305 rgb(5,3,5)
```
#140c16
```
#140c16 rgb(20,12,22)
```
#241626
```
#241626 rgb(36,22,38)
```
#331f36
```
#331f36 rgb(51,31,54)
```
#422846
```
#422846 rgb(66,40,70)
```
#523256
```
#523256 rgb(82,50,86)
```
#613b67
```
#613b67 rgb(97,59,103)
```

Monochromatic Color

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

#2d1f36
```
#2d1f36 rgb(45,31,54)
```
#2f1f36
```
#2f1f36 rgb(47,31,54)
```
#311f36
```
#311f36 rgb(49,31,54)
```
#331f36
```
#331f36 rgb(51,31,54)
```
#351f36
```
#351f36 rgb(53,31,54)
```
#361f35
```
#361f35 rgb(54,31,53)
```
#361f33
```
#361f33 rgb(54,31,51)
```

Similar Colors

Text with hexadecimal color #331f36

This text has a font color of #331f36.

<span style="color:#331f36;">Text here</span>

#331f36 background color

This paragraph has a background color of #331f36.

<p style="background-color:#331f36;">Content here</p>

#331f36 border color

This element has a border color of #331f36.

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

CSS codes

.text {color:#331f36;}

.background {background-color:#331f36;}

.border {border:1px solid #331f36;}

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

#040204
```
#040204 rgb(4,2,4)
```
#100a11
```
#100a11 rgb(16,10,17)
```
#1b111d
```
#1b111d rgb(27,17,29)
```
#27182a
```
#27182a rgb(39,24,42)
```
#331f36
```
#331f36 rgb(51,31,54)
```
#3f2642
```
#3f2642 rgb(63,38,66)
```
#4b2d4f
```
#4b2d4f rgb(75,45,79)
```
#56345b
```
#56345b rgb(86,52,91)
```
#623c68
```
#623c68 rgb(98,60,104)
```
#6e4374
```
#6e4374 rgb(110,67,116)
```
#7a4a81
```
#7a4a81 rgb(122,74,129)
```
#85518d
```
#85518d rgb(133,81,141)
```
#91589a
```
#91589a rgb(145,88,154)
```

Shade Color Variation

#9c61a4
```
#9c61a4 rgb(156,97,164)
```
#a36eac
```
#a36eac rgb(163,110,172)
```
#ab7ab3
```
#ab7ab3 rgb(171,122,179)
```
#b387ba
```
#b387ba rgb(179,135,186)
```
#bb93c1
```
#bb93c1 rgb(187,147,193)
```
#c39fc8
```
#c39fc8 rgb(195,159,200)
```
#cbaccf
```
#cbaccf rgb(203,172,207)
```
#d3b8d6
```
#d3b8d6 rgb(211,184,214)
```
#dac5de
```
#dac5de rgb(218,197,222)
```
#e2d1e5
```
#e2d1e5 rgb(226,209,229)
```
#eadeec
```
#eadeec rgb(234,222,236)
```
#f2eaf3
```
#f2eaf3 rgb(242,234,243)
```
#faf7fa
```
#faf7fa rgb(250,247,250)
```

Tint Color Variation

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

#2c292c
```
#2c292c rgb(44,41,44)
```
#2e262f
```
#2e262f rgb(46,38,47)
```
#312233
```
#312233 rgb(49,34,51)
```
#331f36
```
#331f36 rgb(51,31,54)
```
#351c39
```
#351c39 rgb(53,28,57)
```
#38183d
```
#38183d rgb(56,24,61)
```
#3a1540
```
#3a1540 rgb(58,21,64)
```
#3d1243
```
#3d1243 rgb(61,18,67)
```
#3f0f46
```
#3f0f46 rgb(63,15,70)
```
#410b4a
```
#410b4a rgb(65,11,74)
```
#44084d
```
#44084d rgb(68,8,77)
```
#460550
```
#460550 rgb(70,5,80)
```
#490253
```
#490253 rgb(73,2,83)
```

Tone Color Variation

Below, you can see how #331f36 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

#282828 Achromatopsia 0.005% of the population
#2a262b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a3044 Protanopia 1% of men
#2e303e Deuteranopia 1% of men
#3b2d31 Tritanopia 0.001% of the population

Trichromacy

#2d2a3f Protanomaly 1% of men, 0.01% of women
#302a3b Deuteranomaly 6% of men, 0.4% of women
#382832 Tritanomaly 0.01% of the population

#331f36 hex color

#331f36 Color Information

#331f36 Color Conversion

Color Schemes with #331f36

Alternatives to #331f36

#331f36 Preview

Shades and Tints of #331f36

Tones of #331f36

Color Blindness Simulator