#3f312b hex color

In a RGB color space, hex #3f312b is composed of 24.7% red, 19.2% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 31.7% yellow and 75.3% black. It has a hue angle of 18 degrees, a saturation of 18.9% and a lightness of 20.8%. #3f312b color hex could be obtained by blending #7e6256 with #000000. Closest websafe color is: #333333.

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

● #3f312b color description : Very dark grayish orange.

The hexadecimal color #3f312b has RGB values of R:63, G:49, B:43 and CMYK values of C:0, M:0.22, Y:0.32, K:0.75. Its decimal value is 4141355.

Hex triplet	3f312b	`#3f312b`
RGB Decimal	63, 49, 43	`rgb(63,49,43)`
RGB Percent	24.7, 19.2, 16.9	`rgb(24.7%,19.2%,16.9%)`
CMYK	0, 22, 32, 75
HSL	18°, 18.9, 20.8	`hsl(18,18.9%,20.8%)`
HSV (or HSB)	18°, 31.7, 24.7
Web Safe	333333	`#333333`

CIE-LAB	21.682, 5.247, 6.231
XYZ	3.584, 3.428, 2.758
xyY	0.367, 0.351, 3.428
CIE-LCH	21.682, 8.146, 49.898
CIE-LUV	21.682, 8.098, 5.417
Hunter-Lab	18.515, 2.155, 4.128
Binary	00111111, 00110001, 00101011

#3f312b
```
#3f312b rgb(63,49,43)
```
#2b393f
```
#2b393f rgb(43,57,63)
```

Complementary Color

#3f2b2f
```
#3f2b2f rgb(63,43,47)
```
#3f312b
```
#3f312b rgb(63,49,43)
```
#3f3b2b
```
#3f3b2b rgb(63,59,43)
```

Analogous Color

#2b2f3f
```
#2b2f3f rgb(43,47,63)
```
#3f312b
```
#3f312b rgb(63,49,43)
```
#2b3f3b
```
#2b3f3b rgb(43,63,59)
```

Split Complementary Color

#312b3f
```
#312b3f rgb(49,43,63)
```
#3f312b
```
#3f312b rgb(63,49,43)
```
#2b3f31
```
#2b3f31 rgb(43,63,49)
```

Triadic Color

#3f2b39
```
#3f2b39 rgb(63,43,57)
```
#3f312b
```
#3f312b rgb(63,49,43)
```
#2b3f31
```
#2b3f31 rgb(43,63,49)
```
#2b393f
```
#2b393f rgb(43,57,63)
```

Tetradic Color

#120e0c
```
#120e0c rgb(18,14,12)
```
#211916
```
#211916 rgb(33,25,22)
```
#302521
```
#302521 rgb(48,37,33)
```
#3f312b
```
#3f312b rgb(63,49,43)
```
#4e3d35
```
#4e3d35 rgb(78,61,53)
```
#5d4940
```
#5d4940 rgb(93,73,64)
```
#6c544a
```
#6c544a rgb(108,84,74)
```

Monochromatic Color

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

#3f2c2b
```
#3f2c2b rgb(63,44,43)
```
#3f2e2b
```
#3f2e2b rgb(63,46,43)
```
#3f2f2b
```
#3f2f2b rgb(63,47,43)
```
#3f312b
```
#3f312b rgb(63,49,43)
```
#3f332b
```
#3f332b rgb(63,51,43)
```
#3f342b
```
#3f342b rgb(63,52,43)
```
#3f362b
```
#3f362b rgb(63,54,43)
```

Similar Colors

Text with hexadecimal color #3f312b

This text has a font color of #3f312b.

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

#3f312b background color

This paragraph has a background color of #3f312b.

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

#3f312b border color

This element has a border color of #3f312b.

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

CSS codes

.text {color:#3f312b;}

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

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

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

#050403
```
#050403 rgb(5,4,3)
```
#100d0b
```
#100d0b rgb(16,13,11)
```
#1c1613
```
#1c1613 rgb(28,22,19)
```
#281f1b
```
#281f1b rgb(40,31,27)
```
#332823
```
#332823 rgb(51,40,35)
```
#3f312b
```
#3f312b rgb(63,49,43)
```
#4b3a33
```
#4b3a33 rgb(75,58,51)
```
#56433b
```
#56433b rgb(86,67,59)
```
#624c43
```
#624c43 rgb(98,76,67)
```
#6e554b
```
#6e554b rgb(110,85,75)
```
#795e53
```
#795e53 rgb(121,94,83)
```
#85675b
```
#85675b rgb(133,103,91)
```
#917063
```
#917063 rgb(145,112,99)
```

Shade Color Variation

#9b7a6c
```
#9b7a6c rgb(155,122,108)
```
#a38578
```
#a38578 rgb(163,133,120)
```
#ab8f83
```
#ab8f83 rgb(171,143,131)
```
#b39a8f
```
#b39a8f rgb(179,154,143)
```
#bba49b
```
#bba49b rgb(187,164,155)
```
#c3afa6
```
#c3afa6 rgb(195,175,166)
```
#cbb9b2
```
#cbb9b2 rgb(203,185,178)
```
#d2c4be
```
#d2c4be rgb(210,196,190)
```
#dacfc9
```
#dacfc9 rgb(218,207,201)
```
#e2d9d5
```
#e2d9d5 rgb(226,217,213)
```
#eae4e1
```
#eae4e1 rgb(234,228,225)
```
#f2eeec
```
#f2eeec rgb(242,238,236)
```
#faf9f8
```
#faf9f8 rgb(250,249,248)
```

Tint Color Variation

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

#373433
```
#373433 rgb(55,52,51)
```
#3b332f
```
#3b332f rgb(59,51,47)
```
#3f312b
```
#3f312b rgb(63,49,43)
```
#432f27
```
#432f27 rgb(67,47,39)
```
#472e23
```
#472e23 rgb(71,46,35)
```
#4b2c1f
```
#4b2c1f rgb(75,44,31)
```
#4f2a1b
```
#4f2a1b rgb(79,42,27)
```
#532917
```
#532917 rgb(83,41,23)
```
#572713
```
#572713 rgb(87,39,19)
```
#5c260e
```
#5c260e rgb(92,38,14)
```
#60240a
```
#60240a rgb(96,36,10)
```
#642206
```
#642206 rgb(100,34,6)
```
#682102
```
#682102 rgb(104,33,2)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#373433 Atypical Achromatopsia 0.001% of the population

Dichromacy

#413e37 Protanopia 1% of men
#473c35 Deuteranopia 1% of men
#4a3a3e Tritanopia 0.001% of the population

Trichromacy

#403932 Protanomaly 1% of men, 0.01% of women
#443831 Deuteranomaly 6% of men, 0.4% of women
#463737 Tritanomaly 0.01% of the population

#3f312b hex color

#3f312b Color Information

#3f312b Color Conversion

Color Schemes with #3f312b

Alternatives to #3f312b

#3f312b Preview

Shades and Tints of #3f312b

Tones of #3f312b

Color Blindness Simulator