#331f0c hex color

In a RGB color space, hex #331f0c is composed of 20% red, 12.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.2% magenta, 76.5% yellow and 80% black. It has a hue angle of 29.2 degrees, a saturation of 61.9% and a lightness of 12.4%. #331f0c color hex could be obtained by blending #663e18 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 20
- G 12
- B 5
RGB color chart
- C 0
- M 39
- Y 76
- K 80
CMYK color chart

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

The hexadecimal color #331f0c has RGB values of R:51, G:31, B:12 and CMYK values of C:0, M:0.39, Y:0.76, K:0.8. Its decimal value is 3350284.

Hex triplet	331f0c	`#331f0c`
RGB Decimal	51, 31, 12	`rgb(51,31,12)`
RGB Percent	20, 12.2, 4.7	`rgb(20%,12.2%,4.7%)`
CMYK	0, 39, 76, 80
HSL	29.2°, 61.9, 12.4	`hsl(29.2,61.9%,12.4%)`
HSV (or HSB)	29.2°, 76.5, 20
Web Safe	333300	`#333300`

CIE-LAB	13.888, 7.384, 15.695
XYZ	1.922, 1.71, 0.577
xyY	0.457, 0.406, 1.71
CIE-LCH	13.888, 17.345, 64.803
CIE-LUV	13.888, 11.631, 10.273
Hunter-Lab	13.078, 3.34, 6.54
Binary	00110011, 00011111, 00001100

#331f0c
```
#331f0c rgb(51,31,12)
```
#0c2033
```
#0c2033 rgb(12,32,51)
```

Complementary Color

#330c0d
```
#330c0d rgb(51,12,13)
```
#331f0c
```
#331f0c rgb(51,31,12)
```
#33330c
```
#33330c rgb(51,51,12)
```

Analogous Color

#0c0d33
```
#0c0d33 rgb(12,13,51)
```
#331f0c
```
#331f0c rgb(51,31,12)
```
#0c3333
```
#0c3333 rgb(12,51,51)
```

Split Complementary Color

#1f0c33
```
#1f0c33 rgb(31,12,51)
```
#331f0c
```
#331f0c rgb(51,31,12)
```
#0c331f
```
#0c331f rgb(12,51,31)
```

Triadic Color

#330c20
```
#330c20 rgb(51,12,32)
```
#331f0c
```
#331f0c rgb(51,31,12)
```
#0c331f
```
#0c331f rgb(12,51,31)
```
#0c2033
```
#0c2033 rgb(12,32,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0a0602
```
#0a0602 rgb(10,6,2)
```
#1e1207
```
#1e1207 rgb(30,18,7)
```
#331f0c
```
#331f0c rgb(51,31,12)
```
#482c11
```
#482c11 rgb(72,44,17)
```
#5c3816
```
#5c3816 rgb(92,56,22)
```
#71451b
```
#71451b rgb(113,69,27)
```

Monochromatic Color

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

#33150c
```
#33150c rgb(51,21,12)
```
#33190c
```
#33190c rgb(51,25,12)
```
#331c0c
```
#331c0c rgb(51,28,12)
```
#331f0c
```
#331f0c rgb(51,31,12)
```
#33220c
```
#33220c rgb(51,34,12)
```
#33260c
```
#33260c rgb(51,38,12)
```
#33290c
```
#33290c rgb(51,41,12)
```

Similar Colors

Text with hexadecimal color #331f0c

This text has a font color of #331f0c.

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

#331f0c background color

This paragraph has a background color of #331f0c.

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

#331f0c border color

This element has a border color of #331f0c.

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

CSS codes

.text {color:#331f0c;}

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

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130c05
```
#130c05 rgb(19,12,5)
```
#231508
```
#231508 rgb(35,21,8)
```
#331f0c
```
#331f0c rgb(51,31,12)
```
#432910
```
#432910 rgb(67,41,16)
```
#533213
```
#533213 rgb(83,50,19)
```
#633c17
```
#633c17 rgb(99,60,23)
```
#73461b
```
#73461b rgb(115,70,27)
```
#824f1f
```
#824f1f rgb(130,79,31)
```
#925922
```
#925922 rgb(146,89,34)
```
#a26326
```
#a26326 rgb(162,99,38)
```
#b26c2a
```
#b26c2a rgb(178,108,42)
```
#c2762e
```
#c2762e rgb(194,118,46)
```

Shade Color Variation

#cf8034
```
#cf8034 rgb(207,128,52)
```
#d38a44
```
#d38a44 rgb(211,138,68)
```
#d79454
```
#d79454 rgb(215,148,84)
```
#da9d64
```
#da9d64 rgb(218,157,100)
```
#dea773
```
#dea773 rgb(222,167,115)
```
#e2b183
```
#e2b183 rgb(226,177,131)
```
#e6bb93
```
#e6bb93 rgb(230,187,147)
```
#e9c5a3
```
#e9c5a3 rgb(233,197,163)
```
#edcfb3
```
#edcfb3 rgb(237,207,179)
```
#f1d9c3
```
#f1d9c3 rgb(241,217,195)
```
#f5e3d3
```
#f5e3d3 rgb(245,227,211)
```
#f8ede3
```
#f8ede3 rgb(248,237,227)
```
#fcf7f2
```
#fcf7f2 rgb(252,247,242)
```

Tint Color Variation

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

#201f1f
```
#201f1f rgb(32,31,31)
```
#221f1d
```
#221f1d rgb(34,31,29)
```
#241f1b
```
#241f1b rgb(36,31,27)
```
#271f18
```
#271f18 rgb(39,31,24)
```
#291f16
```
#291f16 rgb(41,31,22)
```
#2c1f13
```
#2c1f13 rgb(44,31,19)
```
#2e1f11
```
#2e1f11 rgb(46,31,17)
```
#311f0e
```
#311f0e rgb(49,31,14)
```
#331f0c
```
#331f0c rgb(51,31,12)
```
#351f0a
```
#351f0a rgb(53,31,10)
```
#381f07
```
#381f07 rgb(56,31,7)
```
#3a1f05
```
#3a1f05 rgb(58,31,5)
```
#3d1f02
```
#3d1f02 rgb(61,31,2)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#26221e Atypical Achromatopsia 0.001% of the population

Dichromacy

#332e19 Protanopia 1% of men
#392c18 Deuteranopia 1% of men
#3f282b Tritanopia 0.001% of the population

Trichromacy

#332914 Protanomaly 1% of men, 0.01% of women
#362713 Deuteranomaly 6% of men, 0.4% of women
#3a251f Tritanomaly 0.01% of the population

#331f0c hex color

#331f0c Color Information

#331f0c Color Conversion

Color Schemes with #331f0c

Alternatives to #331f0c

#331f0c Preview

Shades and Tints of #331f0c

Tones of #331f0c

Color Blindness Simulator