#3f311f hex color

In a RGB color space, hex #3f311f is composed of 24.7% red, 19.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 50.8% yellow and 75.3% black. It has a hue angle of 33.8 degrees, a saturation of 34% and a lightness of 18.4%. #3f311f color hex could be obtained by blending #7e623e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 25
- G 19
- B 12
RGB color chart
- C 0
- M 22
- Y 51
- K 75
CMYK color chart

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

The hexadecimal color #3f311f has RGB values of R:63, G:49, B:31 and CMYK values of C:0, M:0.22, Y:0.51, K:0.75. Its decimal value is 4141343.

Hex triplet	3f311f	`#3f311f`
RGB Decimal	63, 49, 31	`rgb(63,49,31)`
RGB Percent	24.7, 19.2, 12.2	`rgb(24.7%,19.2%,12.2%)`
CMYK	0, 22, 51, 75
HSL	33.8°, 34, 18.4	`hsl(33.8,34%,18.4%)`
HSV (or HSB)	33.8°, 50.8, 24.7
Web Safe	333333	`#333333`

CIE-LAB	21.403, 3.453, 13.877
XYZ	3.396, 3.352, 1.764
xyY	0.399, 0.394, 3.352
CIE-LCH	21.403, 14.3, 76.028
CIE-LUV	21.403, 9.032, 12.038
Hunter-Lab	18.31, 1.061, 7.103
Binary	00111111, 00110001, 00011111

#3f311f
```
#3f311f rgb(63,49,31)
```
#1f2d3f
```
#1f2d3f rgb(31,45,63)
```

Complementary Color

#3f211f
```
#3f211f rgb(63,33,31)
```
#3f311f
```
#3f311f rgb(63,49,31)
```
#3d3f1f
```
#3d3f1f rgb(61,63,31)
```

Analogous Color

#211f3f
```
#211f3f rgb(33,31,63)
```
#3f311f
```
#3f311f rgb(63,49,31)
```
#1f3d3f
```
#1f3d3f rgb(31,61,63)
```

Split Complementary Color

#311f3f
```
#311f3f rgb(49,31,63)
```
#3f311f
```
#3f311f rgb(63,49,31)
```
#1f3f31
```
#1f3f31 rgb(31,63,49)
```

Triadic Color

#3f1f2d
```
#3f1f2d rgb(63,31,45)
```
#3f311f
```
#3f311f rgb(63,49,31)
```
#1f3f31
```
#1f3f31 rgb(31,63,49)
```
#1f2d3f
```
#1f2d3f rgb(31,45,63)
```

Tetradic Color

#0c0906
```
#0c0906 rgb(12,9,6)
```
#1d160e
```
#1d160e rgb(29,22,14)
```
#2e2417
```
#2e2417 rgb(46,36,23)
```
#3f311f
```
#3f311f rgb(63,49,31)
```
#503e27
```
#503e27 rgb(80,62,39)
```
#614c30
```
#614c30 rgb(97,76,48)
```
#725938
```
#725938 rgb(114,89,56)
```

Monochromatic Color

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

#3f291f
```
#3f291f rgb(63,41,31)
```
#3f2c1f
```
#3f2c1f rgb(63,44,31)
```
#3f2e1f
```
#3f2e1f rgb(63,46,31)
```
#3f311f
```
#3f311f rgb(63,49,31)
```
#3f341f
```
#3f341f rgb(63,52,31)
```
#3f361f
```
#3f361f rgb(63,54,31)
```
#3f391f
```
#3f391f rgb(63,57,31)
```

Similar Colors

Text with hexadecimal color #3f311f

This text has a font color of #3f311f.

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

#3f311f background color

This paragraph has a background color of #3f311f.

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

#3f311f border color

This element has a border color of #3f311f.

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

CSS codes

.text {color:#3f311f;}

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

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

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, #0a0805 is the darkest color, while #fefdfc is the lightest one.

#0a0805
```
#0a0805 rgb(10,8,5)
```
#18120c
```
#18120c rgb(24,18,12)
```
#251d12
```
#251d12 rgb(37,29,18)
```
#322719
```
#322719 rgb(50,39,25)
```
#3f311f
```
#3f311f rgb(63,49,31)
```
#4c3b25
```
#4c3b25 rgb(76,59,37)
```
#59452c
```
#59452c rgb(89,69,44)
```
#665032
```
#665032 rgb(102,80,50)
```
#745a39
```
#745a39 rgb(116,90,57)
```
#81643f
```
#81643f rgb(129,100,63)
```
#8e6e46
```
#8e6e46 rgb(142,110,70)
```
#9b794c
```
#9b794c rgb(155,121,76)
```
#a88353
```
#a88353 rgb(168,131,83)
```

Shade Color Variation

#b08c5f
```
#b08c5f rgb(176,140,95)
```
#b6966c
```
#b6966c rgb(182,150,108)
```
#bd9f79
```
#bd9f79 rgb(189,159,121)
```
#c3a986
```
#c3a986 rgb(195,169,134)
```
#cab293
```
#cab293 rgb(202,178,147)
```
#d0bba0
```
#d0bba0 rgb(208,187,160)
```
#d7c5ad
```
#d7c5ad rgb(215,197,173)
```
#ddcebb
```
#ddcebb rgb(221,206,187)
```
#e4d7c8
```
#e4d7c8 rgb(228,215,200)
```
#eae1d5
```
#eae1d5 rgb(234,225,213)
```
#f1eae2
```
#f1eae2 rgb(241,234,226)
```
#f7f4ef
```
#f7f4ef rgb(247,244,239)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#312f2d
```
#312f2d rgb(49,47,45)
```
#34302a
```
#34302a rgb(52,48,42)
```
#383026
```
#383026 rgb(56,48,38)
```
#3b3123
```
#3b3123 rgb(59,49,35)
```
#3f311f
```
#3f311f rgb(63,49,31)
```
#43311b
```
#43311b rgb(67,49,27)
```
#463218
```
#463218 rgb(70,50,24)
```
#4a3214
```
#4a3214 rgb(74,50,20)
```
#4d3311
```
#4d3311 rgb(77,51,17)
```
#51330d
```
#51330d rgb(81,51,13)
```
#553409
```
#553409 rgb(85,52,9)
```
#583406
```
#583406 rgb(88,52,6)
```
#5c3502
```
#5c3502 rgb(92,53,2)
```

Tone Color Variation

Below, you can see how #3f311f 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
#35332f Atypical Achromatopsia 0.001% of the population

Dichromacy

#423d2b Protanopia 1% of men
#493b2a Deuteranopia 1% of men
#4b393d Tritanopia 0.001% of the population

Trichromacy

#413926 Protanomaly 1% of men, 0.01% of women
#453726 Deuteranomaly 6% of men, 0.4% of women
#463632 Tritanomaly 0.01% of the population

#3f311f hex color

#3f311f Color Information

#3f311f Color Conversion

Color Schemes with #3f311f

Alternatives to #3f311f

#3f311f Preview

Shades and Tints of #3f311f

Tones of #3f311f

Color Blindness Simulator