#331d3e hex color

In a RGB color space, hex #331d3e is composed of 20% red, 11.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 53.2% magenta, 0% yellow and 75.7% black. It has a hue angle of 280 degrees, a saturation of 36.3% and a lightness of 17.8%. #331d3e color hex could be obtained by blending #663a7c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 11
- B 24
RGB color chart
- C 18
- M 53
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #331d3e has RGB values of R:51, G:29, B:62 and CMYK values of C:0.18, M:0.53, Y:0, K:0.76. Its decimal value is 3349822.

Hex triplet	331d3e	`#331d3e`
RGB Decimal	51, 29, 62	`rgb(51,29,62)`
RGB Percent	20, 11.4, 24.3	`rgb(20%,11.4%,24.3%)`
CMYK	18, 53, 0, 76
HSL	280°, 36.3, 17.8	`hsl(280,36.3%,17.8%)`
HSV (or HSB)	280°, 53.2, 24.3
Web Safe	333333	`#333333`

CIE-LAB	15.118, 17.942, -16.946
XYZ	2.674, 1.93, 4.789
xyY	0.285, 0.206, 1.93
CIE-LCH	15.118, 24.68, 316.635
CIE-LUV	15.118, 6.819, -17.81
Hunter-Lab	13.894, 10.039, -10.71
Binary	00110011, 00011101, 00111110

#331d3e
```
#331d3e rgb(51,29,62)
```
#283e1d
```
#283e1d rgb(40,62,29)
```

Complementary Color

#231d3e
```
#231d3e rgb(35,29,62)
```
#331d3e
```
#331d3e rgb(51,29,62)
```
#3e1d39
```
#3e1d39 rgb(62,29,57)
```

Analogous Color

#1d3e23
```
#1d3e23 rgb(29,62,35)
```
#331d3e
```
#331d3e rgb(51,29,62)
```
#393e1d
```
#393e1d rgb(57,62,29)
```

Split Complementary Color

#1d3e33
```
#1d3e33 rgb(29,62,51)
```
#331d3e
```
#331d3e rgb(51,29,62)
```
#3e331d
```
#3e331d rgb(62,51,29)
```

Triadic Color

#1d283e
```
#1d283e rgb(29,40,62)
```
#331d3e
```
#331d3e rgb(51,29,62)
```
#3e331d
```
#3e331d rgb(62,51,29)
```
#283e1d
```
#283e1d rgb(40,62,29)
```

Tetradic Color

#08050a
```
#08050a rgb(8,5,10)
```
#160d1b
```
#160d1b rgb(22,13,27)
```
#25152d
```
#25152d rgb(37,21,45)
```
#331d3e
```
#331d3e rgb(51,29,62)
```
#41254f
```
#41254f rgb(65,37,79)
```
#502d61
```
#502d61 rgb(80,45,97)
```
#5e3572
```
#5e3572 rgb(94,53,114)
```

Monochromatic Color

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

#2b1d3e
```
#2b1d3e rgb(43,29,62)
```
#2e1d3e
```
#2e1d3e rgb(46,29,62)
```
#301d3e
```
#301d3e rgb(48,29,62)
```
#331d3e
```
#331d3e rgb(51,29,62)
```
#361d3e
```
#361d3e rgb(54,29,62)
```
#391d3e
```
#391d3e rgb(57,29,62)
```
#3b1d3e
```
#3b1d3e rgb(59,29,62)
```

Similar Colors

Text with hexadecimal color #331d3e

This text has a font color of #331d3e.

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

#331d3e background color

This paragraph has a background color of #331d3e.

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

#331d3e border color

This element has a border color of #331d3e.

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

CSS codes

.text {color:#331d3e;}

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

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

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

#070409
```
#070409 rgb(7,4,9)
```
#120a16
```
#120a16 rgb(18,10,22)
```
#1d1023
```
#1d1023 rgb(29,16,35)
```
#281731
```
#281731 rgb(40,23,49)
```
#331d3e
```
#331d3e rgb(51,29,62)
```
#3e234b
```
#3e234b rgb(62,35,75)
```
#492a59
```
#492a59 rgb(73,42,89)
```
#543066
```
#543066 rgb(84,48,102)
```
#5f3673
```
#5f3673 rgb(95,54,115)
```
#6a3c81
```
#6a3c81 rgb(106,60,129)
```
#75438e
```
#75438e rgb(117,67,142)
```
#80499c
```
#80499c rgb(128,73,156)
```
#8b4fa9
```
#8b4fa9 rgb(139,79,169)
```

Shade Color Variation

#945ab2
```
#945ab2 rgb(148,90,178)
```
#9d67b8
```
#9d67b8 rgb(157,103,184)
```
#a675be
```
#a675be rgb(166,117,190)
```
#ae82c4
```
#ae82c4 rgb(174,130,196)
```
#b78fcb
```
#b78fcb rgb(183,143,203)
```
#c09dd1
```
#c09dd1 rgb(192,157,209)
```
#c8aad7
```
#c8aad7 rgb(200,170,215)
```
#d1b7dd
```
#d1b7dd rgb(209,183,221)
```
#d9c5e4
```
#d9c5e4 rgb(217,197,228)
```
#e2d2ea
```
#e2d2ea rgb(226,210,234)
```
#ebdff0
```
#ebdff0 rgb(235,223,240)
```
#f3edf6
```
#f3edf6 rgb(243,237,246)
```
#fcfafd
```
#fcfafd rgb(252,250,253)
```

Tint Color Variation

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

#2e2b30
```
#2e2b30 rgb(46,43,48)
```
#302834
```
#302834 rgb(48,40,52)
```
#312437
```
#312437 rgb(49,36,55)
```
#32213b
```
#32213b rgb(50,33,59)
```
#331d3e
```
#331d3e rgb(51,29,62)
```
#341a42
```
#341a42 rgb(52,26,66)
```
#351645
```
#351645 rgb(53,22,69)
```
#361349
```
#361349 rgb(54,19,73)
```
#380f4c
```
#380f4c rgb(56,15,76)
```
#390c50
```
#390c50 rgb(57,12,80)
```
#3a0853
```
#3a0853 rgb(58,8,83)
```
#3b0557
```
#3b0557 rgb(59,5,87)
```
#3c015a
```
#3c015a rgb(60,1,90)
```

Tone Color Variation

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

#24304d Protanopia 1% of men
#283045 Deuteranopia 1% of men
#392e31 Tritanopia 0.001% of the population

Trichromacy

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

#331d3e hex color

#331d3e Color Information

#331d3e Color Conversion

Color Schemes with #331d3e

Alternatives to #331d3e

#331d3e Preview

Shades and Tints of #331d3e

Tones of #331d3e

Color Blindness Simulator