#3f3020 hex color

In a RGB color space, hex #3f3020 is composed of 24.7% red, 18.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 49.2% yellow and 75.3% black. It has a hue angle of 31 degrees, a saturation of 32.6% and a lightness of 18.6%. #3f3020 color hex could be obtained by blending #7e6040 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 25
- G 19
- B 13
RGB color chart
- C 0
- M 24
- Y 49
- K 75
CMYK color chart

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

The hexadecimal color #3f3020 has RGB values of R:63, G:48, B:32 and CMYK values of C:0, M:0.24, Y:0.49, K:0.75. Its decimal value is 4141088.

Hex triplet	3f3020	`#3f3020`
RGB Decimal	63, 48, 32	`rgb(63,48,32)`
RGB Percent	24.7, 18.8, 12.5	`rgb(24.7%,18.8%,12.5%)`
CMYK	0, 24, 49, 75
HSL	31°, 32.6, 18.6	`hsl(31,32.6%,18.6%)`
HSV (or HSB)	31°, 49.2, 24.7
Web Safe	333333	`#333333`

CIE-LAB	21.114, 4.249, 12.841
XYZ	3.368, 3.275, 1.821
xyY	0.398, 0.387, 3.275
CIE-LCH	21.114, 13.526, 71.69
CIE-LUV	21.114, 9.491, 11.045
Hunter-Lab	18.097, 1.546, 6.701
Binary	00111111, 00110000, 00100000

#3f3020
```
#3f3020 rgb(63,48,32)
```
#202f3f
```
#202f3f rgb(32,47,63)
```

Complementary Color

#3f2120
```
#3f2120 rgb(63,33,32)
```
#3f3020
```
#3f3020 rgb(63,48,32)
```
#3f3f20
```
#3f3f20 rgb(63,63,32)
```

Analogous Color

#21203f
```
#21203f rgb(33,32,63)
```
#3f3020
```
#3f3020 rgb(63,48,32)
```
#203f3f
```
#203f3f rgb(32,63,63)
```

Split Complementary Color

#30203f
```
#30203f rgb(48,32,63)
```
#3f3020
```
#3f3020 rgb(63,48,32)
```
#203f30
```
#203f30 rgb(32,63,48)
```

Triadic Color

#3f202f
```
#3f202f rgb(63,32,47)
```
#3f3020
```
#3f3020 rgb(63,48,32)
```
#203f30
```
#203f30 rgb(32,63,48)
```
#202f3f
```
#202f3f rgb(32,47,63)
```

Tetradic Color

#0c0906
```
#0c0906 rgb(12,9,6)
```
#1d160f
```
#1d160f rgb(29,22,15)
```
#2e2317
```
#2e2317 rgb(46,35,23)
```
#3f3020
```
#3f3020 rgb(63,48,32)
```
#503d29
```
#503d29 rgb(80,61,41)
```
#614a31
```
#614a31 rgb(97,74,49)
```
#72573a
```
#72573a rgb(114,87,58)
```

Monochromatic Color

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

#3f2820
```
#3f2820 rgb(63,40,32)
```
#3f2b20
```
#3f2b20 rgb(63,43,32)
```
#3f2d20
```
#3f2d20 rgb(63,45,32)
```
#3f3020
```
#3f3020 rgb(63,48,32)
```
#3f3320
```
#3f3320 rgb(63,51,32)
```
#3f3520
```
#3f3520 rgb(63,53,32)
```
#3f3820
```
#3f3820 rgb(63,56,32)
```

Similar Colors

Text with hexadecimal color #3f3020

This text has a font color of #3f3020.

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

#3f3020 background color

This paragraph has a background color of #3f3020.

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

#3f3020 border color

This element has a border color of #3f3020.

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

CSS codes

.text {color:#3f3020;}

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

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

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

#0b0806
```
#0b0806 rgb(11,8,6)
```
#18120c
```
#18120c rgb(24,18,12)
```
#251c13
```
#251c13 rgb(37,28,19)
```
#322619
```
#322619 rgb(50,38,25)
```
#3f3020
```
#3f3020 rgb(63,48,32)
```
#4c3a27
```
#4c3a27 rgb(76,58,39)
```
#59442d
```
#59442d rgb(89,68,45)
```
#664e34
```
#664e34 rgb(102,78,52)
```
#73583a
```
#73583a rgb(115,88,58)
```
#806241
```
#806241 rgb(128,98,65)
```
#8d6b48
```
#8d6b48 rgb(141,107,72)
```
#9a754e
```
#9a754e rgb(154,117,78)
```
#a77f55
```
#a77f55 rgb(167,127,85)
```

Shade Color Variation

#af8961
```
#af8961 rgb(175,137,97)
```
#b5936e
```
#b5936e rgb(181,147,110)
```
#bc9c7b
```
#bc9c7b rgb(188,156,123)
```
#c2a688
```
#c2a688 rgb(194,166,136)
```
#c9b095
```
#c9b095 rgb(201,176,149)
```
#d0baa2
```
#d0baa2 rgb(208,186,162)
```
#d6c3af
```
#d6c3af rgb(214,195,175)
```
#ddcdbc
```
#ddcdbc rgb(221,205,188)
```
#e4d7c9
```
#e4d7c9 rgb(228,215,201)
```
#eae0d6
```
#eae0d6 rgb(234,224,214)
```
#f1eae3
```
#f1eae3 rgb(241,234,227)
```
#f7f4f0
```
#f7f4f0 rgb(247,244,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#30302f
```
#30302f rgb(48,48,47)
```
#34302b
```
#34302b rgb(52,48,43)
```
#383027
```
#383027 rgb(56,48,39)
```
#3b3024
```
#3b3024 rgb(59,48,36)
```
#3f3020
```
#3f3020 rgb(63,48,32)
```
#43301c
```
#43301c rgb(67,48,28)
```
#463019
```
#463019 rgb(70,48,25)
```
#4a3015
```
#4a3015 rgb(74,48,21)
```
#4e3011
```
#4e3011 rgb(78,48,17)
```
#51310e
```
#51310e rgb(81,49,14)
```
#55310a
```
#55310a rgb(85,49,10)
```
#593106
```
#593106 rgb(89,49,6)
```
#5c3103
```
#5c3103 rgb(92,49,3)
```

Tone Color Variation

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

Dichromacy

#413d2c Protanopia 1% of men
#483a2b Deuteranopia 1% of men
#4a383c Tritanopia 0.001% of the population

Trichromacy

#403828 Protanomaly 1% of men, 0.01% of women
#453627 Deuteranomaly 6% of men, 0.4% of women
#463532 Tritanomaly 0.01% of the population

#3f3020 hex color

#3f3020 Color Information

#3f3020 Color Conversion

Color Schemes with #3f3020

Alternatives to #3f3020

#3f3020 Preview

Shades and Tints of #3f3020

Tones of #3f3020

Color Blindness Simulator