#3a331f hex color

In a RGB color space, hex #3a331f is composed of 22.7% red, 20% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.1% magenta, 46.6% yellow and 77.3% black. It has a hue angle of 44.4 degrees, a saturation of 30.3% and a lightness of 17.5%. #3a331f color hex could be obtained by blending #74663e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 23
- G 20
- B 12
RGB color chart
- C 0
- M 12
- Y 47
- K 77
CMYK color chart

● #3a331f color description : Very dark desaturated orange.

The hexadecimal color #3a331f has RGB values of R:58, G:51, B:31 and CMYK values of C:0, M:0.12, Y:0.47, K:0.77. Its decimal value is 3814175.

Hex triplet	3a331f	`#3a331f`
RGB Decimal	58, 51, 31	`rgb(58,51,31)`
RGB Percent	22.7, 20, 12.2	`rgb(22.7%,20%,12.2%)`
CMYK	0, 12, 47, 77
HSL	44.4°, 30.3, 17.5	`hsl(44.4,30.3%,17.5%)`
HSV (or HSB)	44.4°, 46.6, 22.7
Web Safe	333333	`#333333`

CIE-LAB	21.455, -0.395, 13.83
XYZ	3.176, 3.366, 1.779
xyY	0.382, 0.405, 3.366
CIE-LCH	21.455, 13.835, 91.635
CIE-LUV	21.455, 4.872, 12.581
Hunter-Lab	18.347, -1.208, 7.095
Binary	00111010, 00110011, 00011111

#3a331f
```
#3a331f rgb(58,51,31)
```
#1f263a
```
#1f263a rgb(31,38,58)
```

Complementary Color

#3a261f
```
#3a261f rgb(58,38,31)
```
#3a331f
```
#3a331f rgb(58,51,31)
```
#343a1f
```
#343a1f rgb(52,58,31)
```

Analogous Color

#261f3a
```
#261f3a rgb(38,31,58)
```
#3a331f
```
#3a331f rgb(58,51,31)
```
#1f343a
```
#1f343a rgb(31,52,58)
```

Split Complementary Color

#331f3a
```
#331f3a rgb(51,31,58)
```
#3a331f
```
#3a331f rgb(58,51,31)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```

Triadic Color

#3a1f26
```
#3a1f26 rgb(58,31,38)
```
#3a331f
```
#3a331f rgb(58,51,31)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#1f263a
```
#1f263a rgb(31,38,58)
```

Tetradic Color

#080704
```
#080704 rgb(8,7,4)
```
#19160d
```
#19160d rgb(25,22,13)
```
#292416
```
#292416 rgb(41,36,22)
```
#3a331f
```
#3a331f rgb(58,51,31)
```
#4b4228
```
#4b4228 rgb(75,66,40)
```
#5b5031
```
#5b5031 rgb(91,80,49)
```
#6c5f3a
```
#6c5f3a rgb(108,95,58)
```

Monochromatic Color

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

#3a2c1f
```
#3a2c1f rgb(58,44,31)
```
#3a2f1f
```
#3a2f1f rgb(58,47,31)
```
#3a311f
```
#3a311f rgb(58,49,31)
```
#3a331f
```
#3a331f rgb(58,51,31)
```
#3a351f
```
#3a351f rgb(58,53,31)
```
#3a381f
```
#3a381f rgb(58,56,31)
```
#3a3a1f
```
#3a3a1f rgb(58,58,31)
```

Similar Colors

Text with hexadecimal color #3a331f

This text has a font color of #3a331f.

<span style="color:#3a331f;">Text here</span>

#3a331f background color

This paragraph has a background color of #3a331f.

<p style="background-color:#3a331f;">Content here</p>

#3a331f border color

This element has a border color of #3a331f.

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

CSS codes

.text {color:#3a331f;}

.background {background-color:#3a331f;}

.border {border:1px solid #3a331f;}

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

#070604
```
#070604 rgb(7,6,4)
```
#14110b
```
#14110b rgb(20,17,11)
```
#201d11
```
#201d11 rgb(32,29,17)
```
#2d2818
```
#2d2818 rgb(45,40,24)
```
#3a331f
```
#3a331f rgb(58,51,31)
```
#473e26
```
#473e26 rgb(71,62,38)
```
#54492d
```
#54492d rgb(84,73,45)
```
#605533
```
#605533 rgb(96,85,51)
```
#6d603a
```
#6d603a rgb(109,96,58)
```
#7a6b41
```
#7a6b41 rgb(122,107,65)
```
#877648
```
#877648 rgb(135,118,72)
```
#93824f
```
#93824f rgb(147,130,79)
```
#a08d56
```
#a08d56 rgb(160,141,86)
```

Shade Color Variation

#aa9760
```
#aa9760 rgb(170,151,96)
```
#b19f6c
```
#b19f6c rgb(177,159,108)
```
#b8a779
```
#b8a779 rgb(184,167,121)
```
#beb086
```
#beb086 rgb(190,176,134)
```
#c5b893
```
#c5b893 rgb(197,184,147)
```
#ccc0a0
```
#ccc0a0 rgb(204,192,160)
```
#d3c9ac
```
#d3c9ac rgb(211,201,172)
```
#dad1b9
```
#dad1b9 rgb(218,209,185)
```
#e1dac6
```
#e1dac6 rgb(225,218,198)
```
#e7e2d3
```
#e7e2d3 rgb(231,226,211)
```
#eeeae0
```
#eeeae0 rgb(238,234,224)
```
#f5f3ec
```
#f5f3ec rgb(245,243,236)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#302e29
```
#302e29 rgb(48,46,41)
```
#333026
```
#333026 rgb(51,48,38)
```
#373122
```
#373122 rgb(55,49,34)
```
#3a331f
```
#3a331f rgb(58,51,31)
```
#3d351c
```
#3d351c rgb(61,53,28)
```
#413618
```
#413618 rgb(65,54,24)
```
#443815
```
#443815 rgb(68,56,21)
```
#483a11
```
#483a11 rgb(72,58,17)
```
#4b3b0e
```
#4b3b0e rgb(75,59,14)
```
#4f3d0a
```
#4f3d0a rgb(79,61,10)
```
#523f07
```
#523f07 rgb(82,63,7)
```
#554004
```
#554004 rgb(85,64,4)
```
#594200
```
#594200 rgb(89,66,0)
```

Tone Color Variation

Below, you can see how #3a331f 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

#333333 Achromatopsia 0.005% of the population
#34332f Atypical Achromatopsia 0.001% of the population

Dichromacy

#433e2a Protanopia 1% of men
#493b2b Deuteranopia 1% of men
#463b3f Tritanopia 0.001% of the population

Trichromacy

#3f3a26 Protanomaly 1% of men, 0.01% of women
#443826 Deuteranomaly 6% of men, 0.4% of women
#423833 Tritanomaly 0.01% of the population

#3a331f hex color

#3a331f Color Information

#3a331f Color Conversion

Color Schemes with #3a331f

Alternatives to #3a331f

#3a331f Preview

Shades and Tints of #3a331f

Tones of #3a331f

Color Blindness Simulator