colorhexa.com

#3b342f hex color

In a RGB color space, hex #3b342f is composed of 23.1% red, 20.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.9% magenta, 20.3% yellow and 76.9% black. It has a hue angle of 25 degrees, a saturation of 11.3% and a lightness of 20.8%. #3b342f color hex could be obtained by blending #76685e with #000000. Closest websafe color is: #333333.

- R 23
- G 20
- B 18
RGB color chart
- C 0
- M 12
- Y 20
- K 77
CMYK color chart

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

The hexadecimal color #3b342f has RGB values of R:59, G:52, B:47 and CMYK values of C:0, M:0.12, Y:0.2, K:0.77. Its decimal value is 3879983.

Hex triplet	3b342f	`#3b342f`
RGB Decimal	59, 52, 47	`rgb(59,52,47)`
RGB Percent	23.1, 20.4, 18.4	`rgb(23.1%,20.4%,18.4%)`
CMYK	0, 12, 20, 77
HSL	25°, 11.3, 20.8	`hsl(25,11.3%,20.8%)`
HSV (or HSB)	25°, 20.3, 23.1
Web Safe	333333	`#333333`

CIE-LAB	22.271, 2.091, 4.292
XYZ	3.545, 3.591, 3.196
xyY	0.343, 0.348, 3.591
CIE-LCH	22.271, 4.774, 64.03
CIE-LUV	22.271, 3.992, 4.072
Hunter-Lab	18.95, 0.226, 3.267
Binary	00111011, 00110100, 00101111

#3b342f
```
#3b342f rgb(59,52,47)
```
#2f363b
```
#2f363b rgb(47,54,59)
```

Complementary Color

#3b2f30
```
#3b2f30 rgb(59,47,48)
```
#3b342f
```
#3b342f rgb(59,52,47)
```
#3b3a2f
```
#3b3a2f rgb(59,58,47)
```

Analogous Color

#2f303b
```
#2f303b rgb(47,48,59)
```
#3b342f
```
#3b342f rgb(59,52,47)
```
#2f3b3a
```
#2f3b3a rgb(47,59,58)
```

Split Complementary Color

#100e0d
```
#100e0d rgb(16,14,13)
```
#1f1b18
```
#1f1b18 rgb(31,27,24)
```
#2d2724
```
#2d2724 rgb(45,39,36)
```
#3b342f
```
#3b342f rgb(59,52,47)
```
#49413a
```
#49413a rgb(73,65,58)
```
#574d46
```
#574d46 rgb(87,77,70)
```
#665a51
```
#665a51 rgb(102,90,81)
```

Monochromatic Color

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

#3b312f
```
#3b312f rgb(59,49,47)
```
#3b322f
```
#3b322f rgb(59,50,47)
```
#3b332f
```
#3b332f rgb(59,51,47)
```
#3b342f
```
#3b342f rgb(59,52,47)
```
#3b352f
```
#3b352f rgb(59,53,47)
```
#3b362f
```
#3b362f rgb(59,54,47)
```
#3b372f
```
#3b372f rgb(59,55,47)
```

Similar Colors

Text with hexadecimal color #3b342f

This text has a font color of #3b342f.

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

#3b342f background color

This paragraph has a background color of #3b342f.

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

#3b342f border color

This element has a border color of #3b342f.

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

CSS codes

.text {color:#3b342f;}

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

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

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

#040404
```
#040404 rgb(4,4,4)
```
#0f0e0c
```
#0f0e0c rgb(15,14,12)
```
#1a1715
```
#1a1715 rgb(26,23,21)
```
#25211e
```
#25211e rgb(37,33,30)
```
#302a26
```
#302a26 rgb(48,42,38)
```
#3b342f
```
#3b342f rgb(59,52,47)
```
#463e38
```
#463e38 rgb(70,62,56)
```
#514740
```
#514740 rgb(81,71,64)
```
#5c5149
```
#5c5149 rgb(92,81,73)
```
#675a52
```
#675a52 rgb(103,90,82)
```
#72645a
```
#72645a rgb(114,100,90)
```
#7d6e63
```
#7d6e63 rgb(125,110,99)
```
#87776c
```
#87776c rgb(135,119,108)
```

Shade Color Variation

#918175
```
#918175 rgb(145,129,117)
```
#9a8b80
```
#9a8b80 rgb(154,139,128)
```
#a3958b
```
#a3958b rgb(163,149,139)
```
#ac9f96
```
#ac9f96 rgb(172,159,150)
```
#b4a9a1
```
#b4a9a1 rgb(180,169,161)
```
#bdb3ac
```
#bdb3ac rgb(189,179,172)
```
#c6bdb7
```
#c6bdb7 rgb(198,189,183)
```
#cec7c2
```
#cec7c2 rgb(206,199,194)
```
#d7d1cd
```
#d7d1cd rgb(215,209,205)
```
#e0dbd8
```
#e0dbd8 rgb(224,219,216)
```
#e8e5e3
```
#e8e5e3 rgb(232,229,227)
```
#f1efee
```
#f1efee rgb(241,239,238)
```
#faf9f8
```
#faf9f8 rgb(250,249,248)
```

Tint Color Variation

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

#373533
```
#373533 rgb(55,53,51)
```
#3b342f
```
#3b342f rgb(59,52,47)
```
#3f332b
```
#3f332b rgb(63,51,43)
```
#433327
```
#433327 rgb(67,51,39)
```
#473223
```
#473223 rgb(71,50,35)
```
#4b311f
```
#4b311f rgb(75,49,31)
```
#4f311b
```
#4f311b rgb(79,49,27)
```
#533017
```
#533017 rgb(83,48,23)
```
#582f12
```
#582f12 rgb(88,47,18)
```
#5c2f0e
```
#5c2f0e rgb(92,47,14)
```
#602e0a
```
#602e0a rgb(96,46,10)
```
#642d06
```
#642d06 rgb(100,45,6)
```
#682d02
```
#682d02 rgb(104,45,2)
```

Tone Color Variation

Below, you can see how #3b342f 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
#373635 Atypical Achromatopsia 0.001% of the population

Dichromacy

#423f3a Protanopia 1% of men
#473d3a Deuteranopia 1% of men
#463d41 Tritanopia 0.001% of the population

Trichromacy

#3f3b36 Protanomaly 1% of men, 0.01% of women
#433a36 Deuteranomaly 6% of men, 0.4% of women
#42393a Tritanomaly 0.01% of the population