#3f2a12 hex color

In a RGB color space, hex #3f2a12 is composed of 24.7% red, 16.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 71.4% yellow and 75.3% black. It has a hue angle of 32 degrees, a saturation of 55.6% and a lightness of 15.9%. #3f2a12 color hex could be obtained by blending #7e5424 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 25
- G 16
- B 7
RGB color chart
- C 0
- M 33
- Y 71
- K 75
CMYK color chart

● #3f2a12 color description : Very dark orange [Brown tone].

The hexadecimal color #3f2a12 has RGB values of R:63, G:42, B:18 and CMYK values of C:0, M:0.33, Y:0.71, K:0.75. Its decimal value is 4139538.

Hex triplet	3f2a12	`#3f2a12`
RGB Decimal	63, 42, 18	`rgb(63,42,18)`
RGB Percent	24.7, 16.5, 7.1	`rgb(24.7%,16.5%,7.1%)`
CMYK	0, 33, 71, 75
HSL	32°, 55.6, 15.9	`hsl(32,55.6%,15.9%)`
HSV (or HSB)	32°, 71.4, 24.7
Web Safe	333300	`#333300`

CIE-LAB	19.041, 6.748, 19.285
XYZ	2.987, 2.757, 0.947
xyY	0.446, 0.412, 2.757
CIE-LCH	19.041, 20.431, 70.714
CIE-LUV	19.041, 13.721, 14.243
Hunter-Lab	16.603, 3.06, 8.24
Binary	00111111, 00101010, 00010010

#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#12273f
```
#12273f rgb(18,39,63)
```

Complementary Color

#3f1412
```
#3f1412 rgb(63,20,18)
```
#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#3e3f12
```
#3e3f12 rgb(62,63,18)
```

Analogous Color

#14123f
```
#14123f rgb(20,18,63)
```
#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#123e3f
```
#123e3f rgb(18,62,63)
```

Split Complementary Color

#2a123f
```
#2a123f rgb(42,18,63)
```
#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#123f2a
```
#123f2a rgb(18,63,42)
```

Triadic Color

#3f1227
```
#3f1227 rgb(63,18,39)
```
#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#123f2a
```
#123f2a rgb(18,63,42)
```
#12273f
```
#12273f rgb(18,39,63)
```

Tetradic Color

#030201
```
#030201 rgb(3,2,1)
```
#171007
```
#171007 rgb(23,16,7)
```
#2b1d0c
```
#2b1d0c rgb(43,29,12)
```
#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#533718
```
#533718 rgb(83,55,24)
```
#67441d
```
#67441d rgb(103,68,29)
```
#7b5223
```
#7b5223 rgb(123,82,35)
```

Monochromatic Color

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

#3f1f12
```
#3f1f12 rgb(63,31,18)
```
#3f2312
```
#3f2312 rgb(63,35,18)
```
#3f2612
```
#3f2612 rgb(63,38,18)
```
#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#3f2e12
```
#3f2e12 rgb(63,46,18)
```
#3f3212
```
#3f3212 rgb(63,50,18)
```
#3f3512
```
#3f3512 rgb(63,53,18)
```

Similar Colors

Text with hexadecimal color #3f2a12

This text has a font color of #3f2a12.

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

#3f2a12 background color

This paragraph has a background color of #3f2a12.

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

#3f2a12 border color

This element has a border color of #3f2a12.

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

CSS codes

.text {color:#3f2a12;}

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

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110b05
```
#110b05 rgb(17,11,5)
```
#201609
```
#201609 rgb(32,22,9)
```
#30200e
```
#30200e rgb(48,32,14)
```
#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#4e3416
```
#4e3416 rgb(78,52,22)
```
#5e3e1b
```
#5e3e1b rgb(94,62,27)
```
#6d491f
```
#6d491f rgb(109,73,31)
```
#7c5323
```
#7c5323 rgb(124,83,35)
```
#8b5d28
```
#8b5d28 rgb(139,93,40)
```
#9b672c
```
#9b672c rgb(155,103,44)
```
#aa7131
```
#aa7131 rgb(170,113,49)
```
#b97b35
```
#b97b35 rgb(185,123,53)
```

Shade Color Variation

#c7853b
```
#c7853b rgb(199,133,59)
```
#cb8f4a
```
#cb8f4a rgb(203,143,74)
```
#d09859
```
#d09859 rgb(208,152,89)
```
#d4a268
```
#d4a268 rgb(212,162,104)
```
#d8ab78
```
#d8ab78 rgb(216,171,120)
```
#ddb587
```
#ddb587 rgb(221,181,135)
```
#e1be96
```
#e1be96 rgb(225,190,150)
```
#e5c8a5
```
#e5c8a5 rgb(229,200,165)
```
#ead1b5
```
#ead1b5 rgb(234,209,181)
```
#eedac4
```
#eedac4 rgb(238,218,196)
```
#f2e4d3
```
#f2e4d3 rgb(242,228,211)
```
#f7ede2
```
#f7ede2 rgb(247,237,226)
```
#fbf7f2
```
#fbf7f2 rgb(251,247,242)
```

Tint Color Variation

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

#292928
```
#292928 rgb(41,41,40)
```
#2c2925
```
#2c2925 rgb(44,41,37)
```
#2f2922
```
#2f2922 rgb(47,41,34)
```
#33291e
```
#33291e rgb(51,41,30)
```
#36291b
```
#36291b rgb(54,41,27)
```
#392a18
```
#392a18 rgb(57,42,24)
```
#3c2a15
```
#3c2a15 rgb(60,42,21)
```
#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#422a0f
```
#422a0f rgb(66,42,15)
```
#452a0c
```
#452a0c rgb(69,42,12)
```
#482b09
```
#482b09 rgb(72,43,9)
```
#4b2b06
```
#4b2b06 rgb(75,43,6)
```
#4f2b02
```
#4f2b02 rgb(79,43,2)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#312d28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e391f Protanopia 1% of men
#45361d Deuteranopia 1% of men
#4a3235 Tritanopia 0.001% of the population

Trichromacy

#3e331a Protanomaly 1% of men, 0.01% of women
#433219 Deuteranomaly 6% of men, 0.4% of women
#462f28 Tritanomaly 0.01% of the population

#3f2a12 hex color

#3f2a12 Color Information

#3f2a12 Color Conversion

Color Schemes with #3f2a12

Alternatives to #3f2a12

#3f2a12 Preview

Shades and Tints of #3f2a12

Tones of #3f2a12

Color Blindness Simulator