#331c12 hex color

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

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

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

The hexadecimal color #331c12 has RGB values of R:51, G:28, B:18 and CMYK values of C:0, M:0.45, Y:0.65, K:0.8. Its decimal value is 3349522.

Hex triplet	331c12	`#331c12`
RGB Decimal	51, 28, 18	`rgb(51,28,18)`
RGB Percent	20, 11, 7.1	`rgb(20%,11%,7.1%)`
CMYK	0, 45, 65, 80
HSL	18.2°, 47.8, 13.5	`hsl(18.2,47.8%,13.5%)`
HSV (or HSB)	18.2°, 64.7, 20
Web Safe	333300	`#333300`

CIE-LAB	13.096, 10.038, 11.462
XYZ	1.89, 1.578, 0.777
xyY	0.445, 0.372, 1.578
CIE-LCH	13.096, 15.236, 48.788
CIE-LUV	13.096, 12.454, 6.955
Hunter-Lab	12.562, 4.867, 5.125
Binary	00110011, 00011100, 00010010

#331c12
```
#331c12 rgb(51,28,18)
```
#122933
```
#122933 rgb(18,41,51)
```

Complementary Color

#331219
```
#331219 rgb(51,18,25)
```
#331c12
```
#331c12 rgb(51,28,18)
```
#332d12
```
#332d12 rgb(51,45,18)
```

Analogous Color

#121933
```
#121933 rgb(18,25,51)
```
#331c12
```
#331c12 rgb(51,28,18)
```
#12332d
```
#12332d rgb(18,51,45)
```

Split Complementary Color

#1c1233
```
#1c1233 rgb(28,18,51)
```
#331c12
```
#331c12 rgb(51,28,18)
```
#12331c
```
#12331c rgb(18,51,28)
```

Triadic Color

#331229
```
#331229 rgb(51,18,41)
```
#331c12
```
#331c12 rgb(51,28,18)
```
#12331c
```
#12331c rgb(18,51,28)
```
#122933
```
#122933 rgb(18,41,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0705
```
#0d0705 rgb(13,7,5)
```
#20120b
```
#20120b rgb(32,18,11)
```
#331c12
```
#331c12 rgb(51,28,18)
```
#462619
```
#462619 rgb(70,38,25)
```
#59311f
```
#59311f rgb(89,49,31)
```
#6c3b26
```
#6c3b26 rgb(108,59,38)
```

Monochromatic Color

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

#331412
```
#331412 rgb(51,20,18)
```
#331712
```
#331712 rgb(51,23,18)
```
#331912
```
#331912 rgb(51,25,18)
```
#331c12
```
#331c12 rgb(51,28,18)
```
#331f12
```
#331f12 rgb(51,31,18)
```
#332212
```
#332212 rgb(51,34,18)
```
#332412
```
#332412 rgb(51,36,18)
```

Similar Colors

Text with hexadecimal color #331c12

This text has a font color of #331c12.

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

#331c12 background color

This paragraph has a background color of #331c12.

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

#331c12 border color

This element has a border color of #331c12.

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

CSS codes

.text {color:#331c12;}

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

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

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 #fdf9f8 is the lightest one.

#080403
```
#080403 rgb(8,4,3)
```
#160c08
```
#160c08 rgb(22,12,8)
```
#25140d
```
#25140d rgb(37,20,13)
```
#331c12
```
#331c12 rgb(51,28,18)
```
#412417
```
#412417 rgb(65,36,23)
```
#502c1c
```
#502c1c rgb(80,44,28)
```
#5e3421
```
#5e3421 rgb(94,52,33)
```
#6d3c26
```
#6d3c26 rgb(109,60,38)
```
#7b442c
```
#7b442c rgb(123,68,44)
```
#8a4c31
```
#8a4c31 rgb(138,76,49)
```
#985436
```
#985436 rgb(152,84,54)
```
#a75c3b
```
#a75c3b rgb(167,92,59)
```
#b56440
```
#b56440 rgb(181,100,64)
```

Shade Color Variation

#bf6e4a
```
#bf6e4a rgb(191,110,74)
```
#c47959
```
#c47959 rgb(196,121,89)
```
#c98567
```
#c98567 rgb(201,133,103)
```
#ce9076
```
#ce9076 rgb(206,144,118)
```
#d49c84
```
#d49c84 rgb(212,156,132)
```
#d9a893
```
#d9a893 rgb(217,168,147)
```
#deb3a1
```
#deb3a1 rgb(222,179,161)
```
#e3bfb0
```
#e3bfb0 rgb(227,191,176)
```
#e8cbbe
```
#e8cbbe rgb(232,203,190)
```
#edd6cd
```
#edd6cd rgb(237,214,205)
```
#f2e2db
```
#f2e2db rgb(242,226,219)
```
#f7eeea
```
#f7eeea rgb(247,238,234)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,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 #431602 is the most saturated one.

#232222
```
#232222 rgb(35,34,34)
```
#26211f
```
#26211f rgb(38,33,31)
```
#28201d
```
#28201d rgb(40,32,29)
```
#2b1f1a
```
#2b1f1a rgb(43,31,26)
```
#2e1e17
```
#2e1e17 rgb(46,30,23)
```
#301d15
```
#301d15 rgb(48,29,21)
```
#331c12
```
#331c12 rgb(51,28,18)
```
#361b0f
```
#361b0f rgb(54,27,15)
```
#381a0d
```
#381a0d rgb(56,26,13)
```
#3b190a
```
#3b190a rgb(59,25,10)
```
#3e1807
```
#3e1807 rgb(62,24,7)
```
#401705
```
#401705 rgb(64,23,5)
```
#431602
```
#431602 rgb(67,22,2)
```

Tone Color Variation

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

#302d20 Protanopia 1% of men
#362b1d Deuteranopia 1% of men
#3e2628 Tritanopia 0.001% of the population

Trichromacy

#31261b Protanomaly 1% of men, 0.01% of women
#352519 Deuteranomaly 6% of men, 0.4% of women
#3a2220 Tritanomaly 0.01% of the population

#331c12 hex color

#331c12 Color Information

#331c12 Color Conversion

Color Schemes with #331c12

Alternatives to #331c12

#331c12 Preview

Shades and Tints of #331c12

Tones of #331c12

Color Blindness Simulator