#3f2314 hex color

In a RGB color space, hex #3f2314 is composed of 24.7% red, 13.7% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 68.3% yellow and 75.3% black. It has a hue angle of 20.9 degrees, a saturation of 51.8% and a lightness of 16.3%. #3f2314 color hex could be obtained by blending #7e4628 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 25
- G 14
- B 8
RGB color chart
- C 0
- M 44
- Y 68
- K 75
CMYK color chart

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

The hexadecimal color #3f2314 has RGB values of R:63, G:35, B:20 and CMYK values of C:0, M:0.44, Y:0.68, K:0.75. Its decimal value is 4137748.

Hex triplet	3f2314	`#3f2314`
RGB Decimal	63, 35, 20	`rgb(63,35,20)`
RGB Percent	24.7, 13.7, 7.8	`rgb(24.7%,13.7%,7.8%)`
CMYK	0, 44, 68, 75
HSL	20.9°, 51.8, 16.3	`hsl(20.9,51.8%,16.3%)`
HSV (or HSB)	20.9°, 68.3, 24.7
Web Safe	333300	`#333300`

CIE-LAB	17.034, 11.614, 15.62
XYZ	2.777, 2.31, 0.961
xyY	0.459, 0.382, 2.31
CIE-LCH	17.034, 19.464, 53.368
CIE-LUV	17.034, 17.226, 10.494
Hunter-Lab	15.197, 6.026, 6.888
Binary	00111111, 00100011, 00010100

#3f2314
```
#3f2314 rgb(63,35,20)
```
#14303f
```
#14303f rgb(20,48,63)
```

Complementary Color

#3f141b
```
#3f141b rgb(63,20,27)
```
#3f2314
```
#3f2314 rgb(63,35,20)
```
#3f3914
```
#3f3914 rgb(63,57,20)
```

Analogous Color

#141b3f
```
#141b3f rgb(20,27,63)
```
#3f2314
```
#3f2314 rgb(63,35,20)
```
#143f39
```
#143f39 rgb(20,63,57)
```

Split Complementary Color

#23143f
```
#23143f rgb(35,20,63)
```
#3f2314
```
#3f2314 rgb(63,35,20)
```
#143f23
```
#143f23 rgb(20,63,35)
```

Triadic Color

#3f1430
```
#3f1430 rgb(63,20,48)
```
#3f2314
```
#3f2314 rgb(63,35,20)
```
#143f23
```
#143f23 rgb(20,63,35)
```
#14303f
```
#14303f rgb(20,48,63)
```

Tetradic Color

#050302
```
#050302 rgb(5,3,2)
```
#180d08
```
#180d08 rgb(24,13,8)
```
#2c180e
```
#2c180e rgb(44,24,14)
```
#3f2314
```
#3f2314 rgb(63,35,20)
```
#522e1a
```
#522e1a rgb(82,46,26)
```
#663920
```
#663920 rgb(102,57,32)
```
#794326
```
#794326 rgb(121,67,38)
```

Monochromatic Color

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

#3f1814
```
#3f1814 rgb(63,24,20)
```
#3f1c14
```
#3f1c14 rgb(63,28,20)
```
#3f1f14
```
#3f1f14 rgb(63,31,20)
```
#3f2314
```
#3f2314 rgb(63,35,20)
```
#3f2714
```
#3f2714 rgb(63,39,20)
```
#3f2a14
```
#3f2a14 rgb(63,42,20)
```
#3f2e14
```
#3f2e14 rgb(63,46,20)
```

Similar Colors

Text with hexadecimal color #3f2314

This text has a font color of #3f2314.

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

#3f2314 background color

This paragraph has a background color of #3f2314.

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

#3f2314 border color

This element has a border color of #3f2314.

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

CSS codes

.text {color:#3f2314;}

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

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120a06
```
#120a06 rgb(18,10,6)
```
#21120b
```
#21120b rgb(33,18,11)
```
#301b0f
```
#301b0f rgb(48,27,15)
```
#3f2314
```
#3f2314 rgb(63,35,20)
```
#4e2b19
```
#4e2b19 rgb(78,43,25)
```
#5d341d
```
#5d341d rgb(93,52,29)
```
#6c3c22
```
#6c3c22 rgb(108,60,34)
```
#7b4427
```
#7b4427 rgb(123,68,39)
```
#894c2c
```
#894c2c rgb(137,76,44)
```
#985530
```
#985530 rgb(152,85,48)
```
#a75d35
```
#a75d35 rgb(167,93,53)
```
#b6653a
```
#b6653a rgb(182,101,58)
```

Shade Color Variation

#c36e41
```
#c36e41 rgb(195,110,65)
```
#c77950
```
#c77950 rgb(199,121,80)
```
#cc855f
```
#cc855f rgb(204,133,95)
```
#d1906e
```
#d1906e rgb(209,144,110)
```
#d69c7c
```
#d69c7c rgb(214,156,124)
```
#daa78b
```
#daa78b rgb(218,167,139)
```
#dfb29a
```
#dfb29a rgb(223,178,154)
```
#e4bea9
```
#e4bea9 rgb(228,190,169)
```
#e8c9b8
```
#e8c9b8 rgb(232,201,184)
```
#edd4c7
```
#edd4c7 rgb(237,212,199)
```
#f2e0d6
```
#f2e0d6 rgb(242,224,214)
```
#f7ebe5
```
#f7ebe5 rgb(247,235,229)
```
#fbf6f4
```
#fbf6f4 rgb(251,246,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2c2927 is the less saturated color, while #521d01 is the most saturated one.

#2c2927
```
#2c2927 rgb(44,41,39)
```
#2f2824
```
#2f2824 rgb(47,40,36)
```
#322721
```
#322721 rgb(50,39,33)
```
#35261e
```
#35261e rgb(53,38,30)
```
#39251a
```
#39251a rgb(57,37,26)
```
#3c2417
```
#3c2417 rgb(60,36,23)
```
#3f2314
```
#3f2314 rgb(63,35,20)
```
#422211
```
#422211 rgb(66,34,17)
```
#45210e
```
#45210e rgb(69,33,14)
```
#49200a
```
#49200a rgb(73,32,10)
```
#4c1f07
```
#4c1f07 rgb(76,31,7)
```
#4f1e04
```
#4f1e04 rgb(79,30,4)
```
#521d01
```
#521d01 rgb(82,29,1)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2e2926 Atypical Achromatopsia 0.001% of the population

Dichromacy

#393522 Protanopia 1% of men
#40321f Deuteranopia 1% of men
#4a2c2f Tritanopia 0.001% of the population

Trichromacy

#3b2e1d Protanomaly 1% of men, 0.01% of women
#3f2d1b Deuteranomaly 6% of men, 0.4% of women
#462925 Tritanomaly 0.01% of the population

#3f2314 hex color

#3f2314 Color Information

#3f2314 Color Conversion

Color Schemes with #3f2314

Alternatives to #3f2314

#3f2314 Preview

Shades and Tints of #3f2314

Tones of #3f2314

Color Blindness Simulator