#3d331e hex color

In a RGB color space, hex #3d331e is composed of 23.9% red, 20% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.4% magenta, 50.8% yellow and 76.1% black. It has a hue angle of 40.6 degrees, a saturation of 34.1% and a lightness of 17.8%. #3d331e color hex could be obtained by blending #7a663c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 24
- G 20
- B 12
RGB color chart
- C 0
- M 16
- Y 51
- K 76
CMYK color chart

● #3d331e color description : Very dark desaturated orange.

The hexadecimal color #3d331e has RGB values of R:61, G:51, B:30 and CMYK values of C:0, M:0.16, Y:0.51, K:0.76. Its decimal value is 4010782.

Hex triplet	3d331e	`#3d331e`
RGB Decimal	61, 51, 30	`rgb(61,51,30)`
RGB Percent	23.9, 20, 11.8	`rgb(23.9%,20%,11.8%)`
CMYK	0, 16, 51, 76
HSL	40.6°, 34.1, 17.8	`hsl(40.6,34.1%,17.8%)`
HSV (or HSB)	40.6°, 50.8, 23.9
Web Safe	333333	`#333333`

CIE-LAB	21.776, 0.988, 14.96
XYZ	3.343, 3.454, 1.719
xyY	0.393, 0.406, 3.454
CIE-LCH	21.776, 14.993, 86.223
CIE-LUV	21.776, 6.761, 13.334
Hunter-Lab	18.584, -0.415, 7.525
Binary	00111101, 00110011, 00011110

#3d331e
```
#3d331e rgb(61,51,30)
```
#1e283d
```
#1e283d rgb(30,40,61)
```

Complementary Color

#3d241e
```
#3d241e rgb(61,36,30)
```
#3d331e
```
#3d331e rgb(61,51,30)
```
#383d1e
```
#383d1e rgb(56,61,30)
```

Analogous Color

#241e3d
```
#241e3d rgb(36,30,61)
```
#3d331e
```
#3d331e rgb(61,51,30)
```
#1e383d
```
#1e383d rgb(30,56,61)
```

Split Complementary Color

#331e3d
```
#331e3d rgb(51,30,61)
```
#3d331e
```
#3d331e rgb(61,51,30)
```
#1e3d33
```
#1e3d33 rgb(30,61,51)
```

Triadic Color

#3d1e28
```
#3d1e28 rgb(61,30,40)
```
#3d331e
```
#3d331e rgb(61,51,30)
```
#1e3d33
```
#1e3d33 rgb(30,61,51)
```
#1e283d
```
#1e283d rgb(30,40,61)
```

Tetradic Color

#0a0805
```
#0a0805 rgb(10,8,5)
```
#1b160d
```
#1b160d rgb(27,22,13)
```
#2c2516
```
#2c2516 rgb(44,37,22)
```
#3d331e
```
#3d331e rgb(61,51,30)
```
#4e4126
```
#4e4126 rgb(78,65,38)
```
#5f502f
```
#5f502f rgb(95,80,47)
```
#705e37
```
#705e37 rgb(112,94,55)
```

Monochromatic Color

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

#3d2b1e
```
#3d2b1e rgb(61,43,30)
```
#3d2e1e
```
#3d2e1e rgb(61,46,30)
```
#3d301e
```
#3d301e rgb(61,48,30)
```
#3d331e
```
#3d331e rgb(61,51,30)
```
#3d361e
```
#3d361e rgb(61,54,30)
```
#3d381e
```
#3d381e rgb(61,56,30)
```
#3d3b1e
```
#3d3b1e rgb(61,59,30)
```

Similar Colors

Text with hexadecimal color #3d331e

This text has a font color of #3d331e.

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

#3d331e background color

This paragraph has a background color of #3d331e.

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

#3d331e border color

This element has a border color of #3d331e.

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

CSS codes

.text {color:#3d331e;}

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

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

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

#080704
```
#080704 rgb(8,7,4)
```
#16120b
```
#16120b rgb(22,18,11)
```
#231d11
```
#231d11 rgb(35,29,17)
```
#302818
```
#302818 rgb(48,40,24)
```
#3d331e
```
#3d331e rgb(61,51,30)
```
#4a3e24
```
#4a3e24 rgb(74,62,36)
```
#57492b
```
#57492b rgb(87,73,43)
```
#645431
```
#645431 rgb(100,84,49)
```
#725f38
```
#725f38 rgb(114,95,56)
```
#7f6a3e
```
#7f6a3e rgb(127,106,62)
```
#8c7545
```
#8c7545 rgb(140,117,69)
```
#99804b
```
#99804b rgb(153,128,75)
```
#a68b52
```
#a68b52 rgb(166,139,82)
```

Shade Color Variation

#af945c
```
#af945c rgb(175,148,92)
```
#b69d6a
```
#b69d6a rgb(182,157,106)
```
#bca677
```
#bca677 rgb(188,166,119)
```
#c2ae84
```
#c2ae84 rgb(194,174,132)
```
#c9b791
```
#c9b791 rgb(201,183,145)
```
#cfc09e
```
#cfc09e rgb(207,192,158)
```
#d6c8ab
```
#d6c8ab rgb(214,200,171)
```
#dcd1b9
```
#dcd1b9 rgb(220,209,185)
```
#e3d9c6
```
#e3d9c6 rgb(227,217,198)
```
#e9e2d3
```
#e9e2d3 rgb(233,226,211)
```
#f0ebe0
```
#f0ebe0 rgb(240,235,224)
```
#f6f3ed
```
#f6f3ed rgb(246,243,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#2f2e2c
```
#2f2e2c rgb(47,46,44)
```
#332f29
```
#332f29 rgb(51,47,41)
```
#363125
```
#363125 rgb(54,49,37)
```
#3a3222
```
#3a3222 rgb(58,50,34)
```
#3d331e
```
#3d331e rgb(61,51,30)
```
#41341b
```
#41341b rgb(65,52,27)
```
#443517
```
#443517 rgb(68,53,23)
```
#483714
```
#483714 rgb(72,55,20)
```
#4b3810
```
#4b3810 rgb(75,56,16)
```
#4f390d
```
#4f390d rgb(79,57,13)
```
#523a09
```
#523a09 rgb(82,58,9)
```
#563c05
```
#563c05 rgb(86,60,5)
```
#593d02
```
#593d02 rgb(89,61,2)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#363430 Atypical Achromatopsia 0.001% of the population

Dichromacy

#433e2a Protanopia 1% of men
#4a3c2a Deuteranopia 1% of men
#493a3f Tritanopia 0.001% of the population

Trichromacy

#413a25 Protanomaly 1% of men, 0.01% of women
#453825 Deuteranomaly 6% of men, 0.4% of women
#443833 Tritanomaly 0.01% of the population

#3d331e hex color

#3d331e Color Information

#3d331e Color Conversion

Color Schemes with #3d331e

Alternatives to #3d331e

#3d331e Preview

Shades and Tints of #3d331e

Tones of #3d331e

Color Blindness Simulator