#3f310e hex color

In a RGB color space, hex #3f310e is composed of 24.7% red, 19.2% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 77.8% yellow and 75.3% black. It has a hue angle of 42.9 degrees, a saturation of 63.6% and a lightness of 15.1%. #3f310e color hex could be obtained by blending #7e621c with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #3f310e has RGB values of R:63, G:49, B:14 and CMYK values of C:0, M:0.22, Y:0.78, K:0.75. Its decimal value is 4141326.

Hex triplet	3f310e	`#3f310e`
RGB Decimal	63, 49, 14	`rgb(63,49,14)`
RGB Percent	24.7, 19.2, 5.5	`rgb(24.7%,19.2%,5.5%)`
CMYK	0, 22, 78, 75
HSL	42.9°, 63.6, 15.1	`hsl(42.9,63.6%,15.1%)`
HSV (or HSB)	42.9°, 77.8, 24.7
Web Safe	333300	`#333300`

CIE-LAB	21.152, 1.775, 23.888
XYZ	3.228, 3.285, 0.88
xyY	0.437, 0.444, 3.285
CIE-LCH	21.152, 23.954, 85.75
CIE-LUV	21.152, 9.974, 18.653
Hunter-Lab	18.125, 0.066, 9.81
Binary	00111111, 00110001, 00001110

#3f310e
```
#3f310e rgb(63,49,14)
```
#0e1c3f
```
#0e1c3f rgb(14,28,63)
```

Complementary Color

#3f190e
```
#3f190e rgb(63,25,14)
```
#3f310e
```
#3f310e rgb(63,49,14)
```
#353f0e
```
#353f0e rgb(53,63,14)
```

Analogous Color

#190e3f
```
#190e3f rgb(25,14,63)
```
#3f310e
```
#3f310e rgb(63,49,14)
```
#0e353f
```
#0e353f rgb(14,53,63)
```

Split Complementary Color

#310e3f
```
#310e3f rgb(49,14,63)
```
#3f310e
```
#3f310e rgb(63,49,14)
```
#0e3f31
```
#0e3f31 rgb(14,63,49)
```

Triadic Color

#3f0e1c
```
#3f0e1c rgb(63,14,28)
```
#3f310e
```
#3f310e rgb(63,49,14)
```
#0e3f31
```
#0e3f31 rgb(14,63,49)
```
#0e1c3f
```
#0e1c3f rgb(14,28,63)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#151105
```
#151105 rgb(21,17,5)
```
#2a2109
```
#2a2109 rgb(42,33,9)
```
#3f310e
```
#3f310e rgb(63,49,14)
```
#544113
```
#544113 rgb(84,65,19)
```
#695117
```
#695117 rgb(105,81,23)
```
#7e621c
```
#7e621c rgb(126,98,28)
```

Monochromatic Color

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

#3f250e
```
#3f250e rgb(63,37,14)
```
#3f290e
```
#3f290e rgb(63,41,14)
```
#3f2d0e
```
#3f2d0e rgb(63,45,14)
```
#3f310e
```
#3f310e rgb(63,49,14)
```
#3f350e
```
#3f350e rgb(63,53,14)
```
#3f390e
```
#3f390e rgb(63,57,14)
```
#3f3d0e
```
#3f3d0e rgb(63,61,14)
```

Similar Colors

Text with hexadecimal color #3f310e

This text has a font color of #3f310e.

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

#3f310e background color

This paragraph has a background color of #3f310e.

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

#3f310e border color

This element has a border color of #3f310e.

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

CSS codes

.text {color:#3f310e;}

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

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

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

#0f0c03
```
#0f0c03 rgb(15,12,3)
```
#1f1807
```
#1f1807 rgb(31,24,7)
```
#2f250a
```
#2f250a rgb(47,37,10)
```
#3f310e
```
#3f310e rgb(63,49,14)
```
#4f3d12
```
#4f3d12 rgb(79,61,18)
```
#5f4a15
```
#5f4a15 rgb(95,74,21)
```
#6f5619
```
#6f5619 rgb(111,86,25)
```
#7f631c
```
#7f631c rgb(127,99,28)
```
#8f6f20
```
#8f6f20 rgb(143,111,32)
```
#9f7c23
```
#9f7c23 rgb(159,124,35)
```
#af8827
```
#af8827 rgb(175,136,39)
```
#bf952b
```
#bf952b rgb(191,149,43)
```
#cfa12e
```
#cfa12e rgb(207,161,46)
```

Shade Color Variation

#d4a93d
```
#d4a93d rgb(212,169,61)
```
#d8b04d
```
#d8b04d rgb(216,176,77)
```
#dbb75d
```
#dbb75d rgb(219,183,93)
```
#dfbe6d
```
#dfbe6d rgb(223,190,109)
```
#e2c57d
```
#e2c57d rgb(226,197,125)
```
#e6cd8d
```
#e6cd8d rgb(230,205,141)
```
#e9d49e
```
#e9d49e rgb(233,212,158)
```
#eddbae
```
#eddbae rgb(237,219,174)
```
#f0e2be
```
#f0e2be rgb(240,226,190)
```
#f4e9ce
```
#f4e9ce rgb(244,233,206)
```
#f8f0de
```
#f8f0de rgb(248,240,222)
```
#fbf7ee
```
#fbf7ee rgb(251,247,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#272726
```
#272726 rgb(39,39,38)
```
#2a2823
```
#2a2823 rgb(42,40,35)
```
#2d2920
```
#2d2920 rgb(45,41,32)
```
#302b1d
```
#302b1d rgb(48,43,29)
```
#332c1a
```
#332c1a rgb(51,44,26)
```
#362d17
```
#362d17 rgb(54,45,23)
```
#392e14
```
#392e14 rgb(57,46,20)
```
#3c3011
```
#3c3011 rgb(60,48,17)
```
#3f310e
```
#3f310e rgb(63,49,14)
```
#42320b
```
#42320b rgb(66,50,11)
```
#453408
```
#453408 rgb(69,52,8)
```
#483505
```
#483505 rgb(72,53,5)
```
#4b3602
```
#4b3602 rgb(75,54,2)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#34312a Atypical Achromatopsia 0.001% of the population

Dichromacy

#443d1b Protanopia 1% of men
#4b3a1a Deuteranopia 1% of men
#4b383c Tritanopia 0.001% of the population

Trichromacy

#423816 Protanomaly 1% of men, 0.01% of women
#473716 Deuteranomaly 6% of men, 0.4% of women
#47352b Tritanomaly 0.01% of the population

#3f310e hex color

#3f310e Color Information

#3f310e Color Conversion

Color Schemes with #3f310e

Alternatives to #3f310e

#3f310e Preview

Shades and Tints of #3f310e

Tones of #3f310e

Color Blindness Simulator