#3f342a hex color

In a RGB color space, hex #3f342a is composed of 24.7% red, 20.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.5% magenta, 33.3% yellow and 75.3% black. It has a hue angle of 28.6 degrees, a saturation of 20% and a lightness of 20.6%. #3f342a color hex could be obtained by blending #7e6854 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #3f342a has RGB values of R:63, G:52, B:42 and CMYK values of C:0, M:0.17, Y:0.33, K:0.75. Its decimal value is 4142122.

Hex triplet	3f342a	`#3f342a`
RGB Decimal	63, 52, 42	`rgb(63,52,42)`
RGB Percent	24.7, 20.4, 16.5	`rgb(24.7%,20.4%,16.5%)`
CMYK	0, 17, 33, 75
HSL	28.6°, 20, 20.6	`hsl(28.6,20%,20.6%)`
HSV (or HSB)	28.6°, 33.3, 24.7
Web Safe	333333	`#333333`

CIE-LAB	22.584, 3.081, 8.159
XYZ	3.696, 3.68, 2.706
xyY	0.367, 0.365, 3.68
CIE-LCH	22.584, 8.722, 69.312
CIE-LUV	22.584, 6.681, 7.601
Hunter-Lab	19.183, 0.818, 5.065
Binary	00111111, 00110100, 00101010

#3f342a
```
#3f342a rgb(63,52,42)
```
#2a353f
```
#2a353f rgb(42,53,63)
```

Complementary Color

#3f2a2b
```
#3f2a2b rgb(63,42,43)
```
#3f342a
```
#3f342a rgb(63,52,42)
```
#3f3f2a
```
#3f3f2a rgb(63,63,42)
```

Analogous Color

#2a2b3f
```
#2a2b3f rgb(42,43,63)
```
#3f342a
```
#3f342a rgb(63,52,42)
```
#2a3f3f
```
#2a3f3f rgb(42,63,63)
```

Split Complementary Color

#342a3f
```
#342a3f rgb(52,42,63)
```
#3f342a
```
#3f342a rgb(63,52,42)
```
#2a3f34
```
#2a3f34 rgb(42,63,52)
```

Triadic Color

#3f2a35
```
#3f2a35 rgb(63,42,53)
```
#3f342a
```
#3f342a rgb(63,52,42)
```
#2a3f34
```
#2a3f34 rgb(42,63,52)
```
#2a353f
```
#2a353f rgb(42,53,63)
```

Tetradic Color

#110e0b
```
#110e0b rgb(17,14,11)
```
#201b16
```
#201b16 rgb(32,27,22)
```
#302720
```
#302720 rgb(48,39,32)
```
#3f342a
```
#3f342a rgb(63,52,42)
```
#4e4134
```
#4e4134 rgb(78,65,52)
```
#5e4d3e
```
#5e4d3e rgb(94,77,62)
```
#6d5a49
```
#6d5a49 rgb(109,90,73)
```

Monochromatic Color

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

#3f2f2a
```
#3f2f2a rgb(63,47,42)
```
#3f312a
```
#3f312a rgb(63,49,42)
```
#3f322a
```
#3f322a rgb(63,50,42)
```
#3f342a
```
#3f342a rgb(63,52,42)
```
#3f362a
```
#3f362a rgb(63,54,42)
```
#3f382a
```
#3f382a rgb(63,56,42)
```
#3f392a
```
#3f392a rgb(63,57,42)
```

Similar Colors

Text with hexadecimal color #3f342a

This text has a font color of #3f342a.

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

#3f342a background color

This paragraph has a background color of #3f342a.

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

#3f342a border color

This element has a border color of #3f342a.

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

CSS codes

.text {color:#3f342a;}

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

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

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

#040303
```
#040303 rgb(4,3,3)
```
#100d0b
```
#100d0b rgb(16,13,11)
```
#1c1712
```
#1c1712 rgb(28,23,18)
```
#27211a
```
#27211a rgb(39,33,26)
```
#332a22
```
#332a22 rgb(51,42,34)
```
#3f342a
```
#3f342a rgb(63,52,42)
```
#4b3e32
```
#4b3e32 rgb(75,62,50)
```
#57473a
```
#57473a rgb(87,71,58)
```
#625142
```
#625142 rgb(98,81,66)
```
#6e5b49
```
#6e5b49 rgb(110,91,73)
```
#7a6551
```
#7a6551 rgb(122,101,81)
```
#866e59
```
#866e59 rgb(134,110,89)
```
#917861
```
#917861 rgb(145,120,97)
```

Shade Color Variation

#9c826a
```
#9c826a rgb(156,130,106)
```
#a48c76
```
#a48c76 rgb(164,140,118)
```
#ab9682
```
#ab9682 rgb(171,150,130)
```
#b39f8d
```
#b39f8d rgb(179,159,141)
```
#bba999
```
#bba999 rgb(187,169,153)
```
#c3b3a5
```
#c3b3a5 rgb(195,179,165)
```
#cbbdb1
```
#cbbdb1 rgb(203,189,177)
```
#d3c7bd
```
#d3c7bd rgb(211,199,189)
```
#dbd1c8
```
#dbd1c8 rgb(219,209,200)
```
#e2dbd4
```
#e2dbd4 rgb(226,219,212)
```
#eae5e0
```
#eae5e0 rgb(234,229,224)
```
#f2efec
```
#f2efec rgb(242,239,236)
```
#faf9f7
```
#faf9f7 rgb(250,249,247)
```

Tint Color Variation

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

#373432
```
#373432 rgb(55,52,50)
```
#3b342e
```
#3b342e rgb(59,52,46)
```
#3f342a
```
#3f342a rgb(63,52,42)
```
#433426
```
#433426 rgb(67,52,38)
```
#473422
```
#473422 rgb(71,52,34)
```
#4b331e
```
#4b331e rgb(75,51,30)
```
#4f331a
```
#4f331a rgb(79,51,26)
```
#533316
```
#533316 rgb(83,51,22)
```
#573312
```
#573312 rgb(87,51,18)
```
#5b330e
```
#5b330e rgb(91,51,14)
```
#5f320a
```
#5f320a rgb(95,50,10)
```
#633206
```
#633206 rgb(99,50,6)
```
#673202
```
#673202 rgb(103,50,2)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#383634 Atypical Achromatopsia 0.001% of the population

Dichromacy

#434035 Protanopia 1% of men
#4a3e35 Deuteranopia 1% of men
#4a3c41 Tritanopia 0.001% of the population

Trichromacy

#423b31 Protanomaly 1% of men, 0.01% of women
#463a31 Deuteranomaly 6% of men, 0.4% of women
#463938 Tritanomaly 0.01% of the population

#3f342a hex color

#3f342a Color Information

#3f342a Color Conversion

Color Schemes with #3f342a

Alternatives to #3f342a

#3f342a Preview

Shades and Tints of #3f342a

Tones of #3f342a

Color Blindness Simulator