#331d12 hex color

In a RGB color space, hex #331d12 is composed of 20% red, 11.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.1% magenta, 64.7% yellow and 80% black. It has a hue angle of 20 degrees, a saturation of 47.8% and a lightness of 13.5%. #331d12 color hex could be obtained by blending #663a24 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 20
- G 11
- B 7
RGB color chart
- C 0
- M 43
- Y 65
- K 80
CMYK color chart

● #331d12 color description : Very dark orange [Brown tone].

The hexadecimal color #331d12 has RGB values of R:51, G:29, B:18 and CMYK values of C:0, M:0.43, Y:0.65, K:0.8. Its decimal value is 3349778.

Hex triplet	331d12	`#331d12`
RGB Decimal	51, 29, 18	`rgb(51,29,18)`
RGB Percent	20, 11.4, 7.1	`rgb(20%,11.4%,7.1%)`
CMYK	0, 43, 65, 80
HSL	20°, 47.8, 13.5	`hsl(20,47.8%,13.5%)`
HSV (or HSB)	20°, 64.7, 20
Web Safe	333300	`#333300`

CIE-LAB	13.39, 9.347, 11.852
XYZ	1.914, 1.626, 0.785
xyY	0.442, 0.376, 1.626
CIE-LCH	13.39, 15.095, 51.74
CIE-LUV	13.39, 12.049, 7.361
Hunter-Lab	12.753, 4.47, 5.276
Binary	00110011, 00011101, 00010010

#331d12
```
#331d12 rgb(51,29,18)
```
#122833
```
#122833 rgb(18,40,51)
```

Complementary Color

#331218
```
#331218 rgb(51,18,24)
```
#331d12
```
#331d12 rgb(51,29,18)
```
#332e12
```
#332e12 rgb(51,46,18)
```

Analogous Color

#121833
```
#121833 rgb(18,24,51)
```
#331d12
```
#331d12 rgb(51,29,18)
```
#12332e
```
#12332e rgb(18,51,46)
```

Split Complementary Color

#1d1233
```
#1d1233 rgb(29,18,51)
```
#331d12
```
#331d12 rgb(51,29,18)
```
#12331d
```
#12331d rgb(18,51,29)
```

Triadic Color

#331228
```
#331228 rgb(51,18,40)
```
#331d12
```
#331d12 rgb(51,29,18)
```
#12331d
```
#12331d rgb(18,51,29)
```
#122833
```
#122833 rgb(18,40,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0805
```
#0d0805 rgb(13,8,5)
```
#20120b
```
#20120b rgb(32,18,11)
```
#331d12
```
#331d12 rgb(51,29,18)
```
#462819
```
#462819 rgb(70,40,25)
```
#59321f
```
#59321f rgb(89,50,31)
```
#6c3d26
```
#6c3d26 rgb(108,61,38)
```

Monochromatic Color

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

#331512
```
#331512 rgb(51,21,18)
```
#331812
```
#331812 rgb(51,24,18)
```
#331a12
```
#331a12 rgb(51,26,18)
```
#331d12
```
#331d12 rgb(51,29,18)
```
#332012
```
#332012 rgb(51,32,18)
```
#332312
```
#332312 rgb(51,35,18)
```
#332512
```
#332512 rgb(51,37,18)
```

Similar Colors

Text with hexadecimal color #331d12

This text has a font color of #331d12.

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

#331d12 background color

This paragraph has a background color of #331d12.

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

#331d12 border color

This element has a border color of #331d12.

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

CSS codes

.text {color:#331d12;}

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

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

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

#080403
```
#080403 rgb(8,4,3)
```
#160d08
```
#160d08 rgb(22,13,8)
```
#25150d
```
#25150d rgb(37,21,13)
```
#331d12
```
#331d12 rgb(51,29,18)
```
#412517
```
#412517 rgb(65,37,23)
```
#502d1c
```
#502d1c rgb(80,45,28)
```
#5e3621
```
#5e3621 rgb(94,54,33)
```
#6d3e26
```
#6d3e26 rgb(109,62,38)
```
#7b462c
```
#7b462c rgb(123,70,44)
```
#8a4e31
```
#8a4e31 rgb(138,78,49)
```
#985736
```
#985736 rgb(152,87,54)
```
#a75f3b
```
#a75f3b rgb(167,95,59)
```
#b56740
```
#b56740 rgb(181,103,64)
```

Shade Color Variation

#bf714a
```
#bf714a rgb(191,113,74)
```
#c47c59
```
#c47c59 rgb(196,124,89)
```
#c98867
```
#c98867 rgb(201,136,103)
```
#ce9376
```
#ce9376 rgb(206,147,118)
```
#d49f84
```
#d49f84 rgb(212,159,132)
```
#d9aa93
```
#d9aa93 rgb(217,170,147)
```
#deb5a1
```
#deb5a1 rgb(222,181,161)
```
#e3c1b0
```
#e3c1b0 rgb(227,193,176)
```
#e8ccbe
```
#e8ccbe rgb(232,204,190)
```
#edd7cd
```
#edd7cd rgb(237,215,205)
```
#f2e3db
```
#f2e3db rgb(242,227,219)
```
#f7eeea
```
#f7eeea rgb(247,238,234)
```
#fdfaf8
```
#fdfaf8 rgb(253,250,248)
```

Tint Color Variation

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

#232222
```
#232222 rgb(35,34,34)
```
#26211f
```
#26211f rgb(38,33,31)
```
#28211d
```
#28211d rgb(40,33,29)
```
#2b201a
```
#2b201a rgb(43,32,26)
```
#2e1f17
```
#2e1f17 rgb(46,31,23)
```
#301e15
```
#301e15 rgb(48,30,21)
```
#331d12
```
#331d12 rgb(51,29,18)
```
#361c0f
```
#361c0f rgb(54,28,15)
```
#381b0d
```
#381b0d rgb(56,27,13)
```
#3b1a0a
```
#3b1a0a rgb(59,26,10)
```
#3e1907
```
#3e1907 rgb(62,25,7)
```
#401905
```
#401905 rgb(64,25,5)
```
#431802
```
#431802 rgb(67,24,2)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#25211f Atypical Achromatopsia 0.001% of the population

Dichromacy

#312d20 Protanopia 1% of men
#362b1d Deuteranopia 1% of men
#3e2729 Tritanopia 0.001% of the population

Trichromacy

#32271b Protanomaly 1% of men, 0.01% of women
#352619 Deuteranomaly 6% of men, 0.4% of women
#3a2321 Tritanomaly 0.01% of the population

#331d12 hex color

#331d12 Color Information

#331d12 Color Conversion

Color Schemes with #331d12

Alternatives to #331d12

#331d12 Preview

Shades and Tints of #331d12

Tones of #331d12

Color Blindness Simulator