#3d331f hex color

In a RGB color space, hex #3d331f is composed of 23.9% red, 20% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.4% magenta, 49.2% yellow and 76.1% black. It has a hue angle of 40 degrees, a saturation of 32.6% and a lightness of 18%. #3d331f color hex could be obtained by blending #7a663e with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #3d331f has RGB values of R:61, G:51, B:31 and CMYK values of C:0, M:0.16, Y:0.49, K:0.76. Its decimal value is 4010783.

Hex triplet	3d331f	`#3d331f`
RGB Decimal	61, 51, 31	`rgb(61,51,31)`
RGB Percent	23.9, 20, 12.2	`rgb(23.9%,20%,12.2%)`
CMYK	0, 16, 49, 76
HSL	40°, 32.6, 18	`hsl(40,32.6%,18%)`
HSV (or HSB)	40°, 49.2, 23.9
Web Safe	333333	`#333333`

CIE-LAB	21.795, 1.118, 14.337
XYZ	3.356, 3.459, 1.787
xyY	0.39, 0.402, 3.459
CIE-LCH	21.795, 14.38, 85.542
CIE-LUV	21.795, 6.703, 12.851
Hunter-Lab	18.598, -0.339, 7.321
Binary	00111101, 00110011, 00011111

#3d331f
```
#3d331f rgb(61,51,31)
```
#1f293d
```
#1f293d rgb(31,41,61)
```

Complementary Color

#3d241f
```
#3d241f rgb(61,36,31)
```
#3d331f
```
#3d331f rgb(61,51,31)
```
#383d1f
```
#383d1f rgb(56,61,31)
```

Analogous Color

#241f3d
```
#241f3d rgb(36,31,61)
```
#3d331f
```
#3d331f rgb(61,51,31)
```
#1f383d
```
#1f383d rgb(31,56,61)
```

Split Complementary Color

#331f3d
```
#331f3d rgb(51,31,61)
```
#3d331f
```
#3d331f rgb(61,51,31)
```
#1f3d33
```
#1f3d33 rgb(31,61,51)
```

Triadic Color

#3d1f29
```
#3d1f29 rgb(61,31,41)
```
#3d331f
```
#3d331f rgb(61,51,31)
```
#1f3d33
```
#1f3d33 rgb(31,61,51)
```
#1f293d
```
#1f293d rgb(31,41,61)
```

Tetradic Color

#0a0905
```
#0a0905 rgb(10,9,5)
```
#1b170e
```
#1b170e rgb(27,23,14)
```
#2c2516
```
#2c2516 rgb(44,37,22)
```
#3d331f
```
#3d331f rgb(61,51,31)
```
#4e4128
```
#4e4128 rgb(78,65,40)
```
#5f4f30
```
#5f4f30 rgb(95,79,48)
```
#705d39
```
#705d39 rgb(112,93,57)
```

Monochromatic Color

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

#3d2c1f
```
#3d2c1f rgb(61,44,31)
```
#3d2e1f
```
#3d2e1f rgb(61,46,31)
```
#3d311f
```
#3d311f rgb(61,49,31)
```
#3d331f
```
#3d331f rgb(61,51,31)
```
#3d361f
```
#3d361f rgb(61,54,31)
```
#3d381f
```
#3d381f rgb(61,56,31)
```
#3d3b1f
```
#3d3b1f rgb(61,59,31)
```

Similar Colors

Text with hexadecimal color #3d331f

This text has a font color of #3d331f.

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

#3d331f background color

This paragraph has a background color of #3d331f.

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

#3d331f border color

This element has a border color of #3d331f.

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

CSS codes

.text {color:#3d331f;}

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

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

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

#090805
```
#090805 rgb(9,8,5)
```
#16120b
```
#16120b rgb(22,18,11)
```
#231d12
```
#231d12 rgb(35,29,18)
```
#302818
```
#302818 rgb(48,40,24)
```
#3d331f
```
#3d331f rgb(61,51,31)
```
#4a3e26
```
#4a3e26 rgb(74,62,38)
```
#57492c
```
#57492c rgb(87,73,44)
```
#645433
```
#645433 rgb(100,84,51)
```
#715e39
```
#715e39 rgb(113,94,57)
```
#7e6940
```
#7e6940 rgb(126,105,64)
```
#8b7447
```
#8b7447 rgb(139,116,71)
```
#987f4d
```
#987f4d rgb(152,127,77)
```
#a58a54
```
#a58a54 rgb(165,138,84)
```

Shade Color Variation

#ae935f
```
#ae935f rgb(174,147,95)
```
#b49c6c
```
#b49c6c rgb(180,156,108)
```
#bba579
```
#bba579 rgb(187,165,121)
```
#c1ae86
```
#c1ae86 rgb(193,174,134)
```
#c8b693
```
#c8b693 rgb(200,182,147)
```
#cfbfa0
```
#cfbfa0 rgb(207,191,160)
```
#d5c8ad
```
#d5c8ad rgb(213,200,173)
```
#dcd1ba
```
#dcd1ba rgb(220,209,186)
```
#e3d9c7
```
#e3d9c7 rgb(227,217,199)
```
#e9e2d4
```
#e9e2d4 rgb(233,226,212)
```
#f0ebe1
```
#f0ebe1 rgb(240,235,225)
```
#f6f4ee
```
#f6f4ee rgb(246,244,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#2f2e2d
```
#2f2e2d rgb(47,46,45)
```
#322f2a
```
#322f2a rgb(50,47,42)
```
#363126
```
#363126 rgb(54,49,38)
```
#393223
```
#393223 rgb(57,50,35)
```
#3d331f
```
#3d331f rgb(61,51,31)
```
#41341b
```
#41341b rgb(65,52,27)
```
#443518
```
#443518 rgb(68,53,24)
```
#483714
```
#483714 rgb(72,55,20)
```
#4b3811
```
#4b3811 rgb(75,56,17)
```
#4f390d
```
#4f390d rgb(79,57,13)
```
#523a0a
```
#523a0a rgb(82,58,10)
```
#563b06
```
#563b06 rgb(86,59,6)
```
#593c03
```
#593c03 rgb(89,60,3)
```

Tone Color Variation

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

#433e2b Protanopia 1% of men
#4a3c2b Deuteranopia 1% of men
#493b3f Tritanopia 0.001% of the population

Trichromacy

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

#3d331f hex color

#3d331f Color Information

#3d331f Color Conversion

Color Schemes with #3d331f

Alternatives to #3d331f

#3d331f Preview

Shades and Tints of #3d331f

Tones of #3d331f

Color Blindness Simulator