#331f0a hex color

In a RGB color space, hex #331f0a is composed of 20% red, 12.2% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.2% magenta, 80.4% yellow and 80% black. It has a hue angle of 30.7 degrees, a saturation of 67.2% and a lightness of 12%. #331f0a color hex could be obtained by blending #663e14 with #000000. Closest websafe color is: #333300.

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

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

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

Hex triplet	331f0a	`#331f0a`
RGB Decimal	51, 31, 10	`rgb(51,31,10)`
RGB Percent	20, 12.2, 3.9	`rgb(20%,12.2%,3.9%)`
CMYK	0, 39, 80, 80
HSL	30.7°, 67.2, 12	`hsl(30.7,67.2%,12%)`
HSV (or HSB)	30.7°, 80.4, 20
Web Safe	333300	`#333300`

CIE-LAB	13.861, 7.227, 16.52
XYZ	1.91, 1.706, 0.516
xyY	0.462, 0.413, 1.706
CIE-LCH	13.861, 18.032, 66.373
CIE-LUV	13.861, 11.75, 10.855
Hunter-Lab	13.061, 3.248, 6.801
Binary	00110011, 00011111, 00001010

#331f0a
```
#331f0a rgb(51,31,10)
```
#0a1e33
```
#0a1e33 rgb(10,30,51)
```

Complementary Color

#330b0a
```
#330b0a rgb(51,11,10)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#33330a
```
#33330a rgb(51,51,10)
```

Analogous Color

#0b0a33
```
#0b0a33 rgb(11,10,51)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#0a3333
```
#0a3333 rgb(10,51,51)
```

Split Complementary Color

#1f0a33
```
#1f0a33 rgb(31,10,51)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#0a331f
```
#0a331f rgb(10,51,31)
```

Triadic Color

#330a1e
```
#330a1e rgb(51,10,30)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#0a331f
```
#0a331f rgb(10,51,31)
```
#0a1e33
```
#0a1e33 rgb(10,30,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#080502
```
#080502 rgb(8,5,2)
```
#1e1206
```
#1e1206 rgb(30,18,6)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#482c0e
```
#482c0e rgb(72,44,14)
```
#5e3912
```
#5e3912 rgb(94,57,18)
```
#734617
```
#734617 rgb(115,70,23)
```

Monochromatic Color

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

#33150a
```
#33150a rgb(51,21,10)
```
#33180a
```
#33180a rgb(51,24,10)
```
#331c0a
```
#331c0a rgb(51,28,10)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#33220a
```
#33220a rgb(51,34,10)
```
#33260a
```
#33260a rgb(51,38,10)
```
#33290a
```
#33290a rgb(51,41,10)
```

Similar Colors

Text with hexadecimal color #331f0a

This text has a font color of #331f0a.

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

#331f0a background color

This paragraph has a background color of #331f0a.

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

#331f0a border color

This element has a border color of #331f0a.

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

CSS codes

.text {color:#331f0a;}

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

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120b04
```
#120b04 rgb(18,11,4)
```
#231507
```
#231507 rgb(35,21,7)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#43290d
```
#43290d rgb(67,41,13)
```
#543310
```
#543310 rgb(84,51,16)
```
#643d14
```
#643d14 rgb(100,61,20)
```
#754717
```
#754717 rgb(117,71,23)
```
#85511a
```
#85511a rgb(133,81,26)
```
#955b1d
```
#955b1d rgb(149,91,29)
```
#a66521
```
#a66521 rgb(166,101,33)
```
#b66f24
```
#b66f24 rgb(182,111,36)
```
#c77927
```
#c77927 rgb(199,121,39)
```

Shade Color Variation

#d6832c
```
#d6832c rgb(214,131,44)
```
#d98c3c
```
#d98c3c rgb(217,140,60)
```
#dc964c
```
#dc964c rgb(220,150,76)
```
#dfa05d
```
#dfa05d rgb(223,160,93)
```
#e2a96d
```
#e2a96d rgb(226,169,109)
```
#e6b37e
```
#e6b37e rgb(230,179,126)
```
#e9bd8e
```
#e9bd8e rgb(233,189,142)
```
#ecc69e
```
#ecc69e rgb(236,198,158)
```
#efd0af
```
#efd0af rgb(239,208,175)
```
#f2d9bf
```
#f2d9bf rgb(242,217,191)
```
#f6e3d0
```
#f6e3d0 rgb(246,227,208)
```
#f9ede0
```
#f9ede0 rgb(249,237,224)
```
#fcf6f0
```
#fcf6f0 rgb(252,246,240)
```

Tint Color Variation

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

#201f1d
```
#201f1d rgb(32,31,29)
```
#231f1a
```
#231f1a rgb(35,31,26)
```
#251f18
```
#251f18 rgb(37,31,24)
```
#271f16
```
#271f16 rgb(39,31,22)
```
#2a1f13
```
#2a1f13 rgb(42,31,19)
```
#2c1f11
```
#2c1f11 rgb(44,31,17)
```
#2e1f0f
```
#2e1f0f rgb(46,31,15)
```
#311f0c
```
#311f0c rgb(49,31,12)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#351f08
```
#351f08 rgb(53,31,8)
```
#381f05
```
#381f05 rgb(56,31,5)
```
#3a1f03
```
#3a1f03 rgb(58,31,3)
```
#3c1f01
```
#3c1f01 rgb(60,31,1)
```

Tone Color Variation

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

#332e18 Protanopia 1% of men
#392c16 Deuteranopia 1% of men
#3f282b Tritanopia 0.001% of the population

Trichromacy

#332912 Protanomaly 1% of men, 0.01% of women
#372711 Deuteranomaly 6% of men, 0.4% of women
#3a241f Tritanomaly 0.01% of the population

#331f0a hex color

#331f0a Color Information

#331f0a Color Conversion

Color Schemes with #331f0a

Alternatives to #331f0a

#331f0a Preview

Shades and Tints of #331f0a

Tones of #331f0a

Color Blindness Simulator