#331d3f hex color

In a RGB color space, hex #331d3f is composed of 20% red, 11.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 54% magenta, 0% yellow and 75.3% black. It has a hue angle of 278.8 degrees, a saturation of 37% and a lightness of 18%. #331d3f color hex could be obtained by blending #663a7e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 11
- B 25
RGB color chart
- C 19
- M 54
- Y 0
- K 75
CMYK color chart

● #331d3f color description : Very dark desaturated violet.

The hexadecimal color #331d3f has RGB values of R:51, G:29, B:63 and CMYK values of C:0.19, M:0.54, Y:0, K:0.75. Its decimal value is 3349823.

Hex triplet	331d3f	`#331d3f`
RGB Decimal	51, 29, 63	`rgb(51,29,63)`
RGB Percent	20, 11.4, 24.7	`rgb(20%,11.4%,24.7%)`
CMYK	19, 54, 0, 75
HSL	278.8°, 37, 18	`hsl(278.8,37%,18%)`
HSV (or HSB)	278.8°, 54, 24.7
Web Safe	333333	`#333333`

CIE-LAB	15.177, 18.209, -17.553
XYZ	2.702, 1.941, 4.935
xyY	0.282, 0.203, 1.941
CIE-LCH	15.177, 25.292, 316.051
CIE-LUV	15.177, 6.693, -18.467
Hunter-Lab	13.934, 10.226, -11.245
Binary	00110011, 00011101, 00111111

#331d3f
```
#331d3f rgb(51,29,63)
```
#293f1d
```
#293f1d rgb(41,63,29)
```

Complementary Color

#221d3f
```
#221d3f rgb(34,29,63)
```
#331d3f
```
#331d3f rgb(51,29,63)
```
#3f1d3a
```
#3f1d3a rgb(63,29,58)
```

Analogous Color

#1d3f22
```
#1d3f22 rgb(29,63,34)
```
#331d3f
```
#331d3f rgb(51,29,63)
```
#3a3f1d
```
#3a3f1d rgb(58,63,29)
```

Split Complementary Color

#1d3f33
```
#1d3f33 rgb(29,63,51)
```
#331d3f
```
#331d3f rgb(51,29,63)
```
#3f331d
```
#3f331d rgb(63,51,29)
```

Triadic Color

#1d293f
```
#1d293f rgb(29,41,63)
```
#331d3f
```
#331d3f rgb(51,29,63)
```
#3f331d
```
#3f331d rgb(63,51,29)
```
#293f1d
```
#293f1d rgb(41,63,29)
```

Tetradic Color

#09050b
```
#09050b rgb(9,5,11)
```
#170d1c
```
#170d1c rgb(23,13,28)
```
#25152e
```
#25152e rgb(37,21,46)
```
#331d3f
```
#331d3f rgb(51,29,63)
```
#412550
```
#412550 rgb(65,37,80)
```
#4f2d62
```
#4f2d62 rgb(79,45,98)
```
#5d3573
```
#5d3573 rgb(93,53,115)
```

Monochromatic Color

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

#2b1d3f
```
#2b1d3f rgb(43,29,63)
```
#2d1d3f
```
#2d1d3f rgb(45,29,63)
```
#301d3f
```
#301d3f rgb(48,29,63)
```
#331d3f
```
#331d3f rgb(51,29,63)
```
#361d3f
```
#361d3f rgb(54,29,63)
```
#391d3f
```
#391d3f rgb(57,29,63)
```
#3c1d3f
```
#3c1d3f rgb(60,29,63)
```

Similar Colors

Text with hexadecimal color #331d3f

This text has a font color of #331d3f.

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

#331d3f background color

This paragraph has a background color of #331d3f.

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

#331d3f border color

This element has a border color of #331d3f.

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

CSS codes

.text {color:#331d3f;}

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

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

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

#080409
```
#080409 rgb(8,4,9)
```
#120a17
```
#120a17 rgb(18,10,23)
```
#1d1124
```
#1d1124 rgb(29,17,36)
```
#281732
```
#281732 rgb(40,23,50)
```
#331d3f
```
#331d3f rgb(51,29,63)
```
#3e234c
```
#3e234c rgb(62,35,76)
```
#49295a
```
#49295a rgb(73,41,90)
```
#543067
```
#543067 rgb(84,48,103)
```
#5e3675
```
#5e3675 rgb(94,54,117)
```
#693c82
```
#693c82 rgb(105,60,130)
```
#744290
```
#744290 rgb(116,66,144)
```
#7f489d
```
#7f489d rgb(127,72,157)
```
#8a4eaa
```
#8a4eaa rgb(138,78,170)
```

Shade Color Variation

#935ab3
```
#935ab3 rgb(147,90,179)
```
#9c67b9
```
#9c67b9 rgb(156,103,185)
```
#a575bf
```
#a575bf rgb(165,117,191)
```
#ae82c5
```
#ae82c5 rgb(174,130,197)
```
#b68fcc
```
#b68fcc rgb(182,143,204)
```
#bf9dd2
```
#bf9dd2 rgb(191,157,210)
```
#c8aad8
```
#c8aad8 rgb(200,170,216)
```
#d1b8de
```
#d1b8de rgb(209,184,222)
```
#d9c5e4
```
#d9c5e4 rgb(217,197,228)
```
#e2d3eb
```
#e2d3eb rgb(226,211,235)
```
#ebe0f1
```
#ebe0f1 rgb(235,224,241)
```
#f4edf7
```
#f4edf7 rgb(244,237,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#2f2b31
```
#2f2b31 rgb(47,43,49)
```
#302834
```
#302834 rgb(48,40,52)
```
#312438
```
#312438 rgb(49,36,56)
```
#32213b
```
#32213b rgb(50,33,59)
```
#331d3f
```
#331d3f rgb(51,29,63)
```
#341943
```
#341943 rgb(52,25,67)
```
#351646
```
#351646 rgb(53,22,70)
```
#36124a
```
#36124a rgb(54,18,74)
```
#370f4d
```
#370f4d rgb(55,15,77)
```
#380b51
```
#380b51 rgb(56,11,81)
```
#390854
```
#390854 rgb(57,8,84)
```
#3a0458
```
#3a0458 rgb(58,4,88)
```
#3b015b
```
#3b015b rgb(59,1,91)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#29252c Atypical Achromatopsia 0.001% of the population

Dichromacy

#23304e Protanopia 1% of men
#273146 Deuteranopia 1% of men
#392e31 Tritanopia 0.001% of the population

Trichromacy

#292949 Protanomaly 1% of men, 0.01% of women
#2b2943 Deuteranomaly 6% of men, 0.4% of women
#372836 Tritanomaly 0.01% of the population

#331d3f hex color

#331d3f Color Information

#331d3f Color Conversion

Color Schemes with #331d3f

Alternatives to #331d3f

#331d3f Preview

Shades and Tints of #331d3f

Tones of #331d3f

Color Blindness Simulator