#332b1f hex color

In a RGB color space, hex #332b1f is composed of 20% red, 16.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 39.2% yellow and 80% black. It has a hue angle of 36 degrees, a saturation of 24.4% and a lightness of 16.1%. #332b1f color hex could be obtained by blending #66563e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 17
- B 12
RGB color chart
- C 0
- M 16
- Y 39
- K 80
CMYK color chart

● #332b1f color description : Very dark desaturated orange.

The hexadecimal color #332b1f has RGB values of R:51, G:43, B:31 and CMYK values of C:0, M:0.16, Y:0.39, K:0.8. Its decimal value is 3353375.

Hex triplet	332b1f	`#332b1f`
RGB Decimal	51, 43, 31	`rgb(51,43,31)`
RGB Percent	20, 16.9, 12.2	`rgb(20%,16.9%,12.2%)`
CMYK	0, 16, 39, 80
HSL	36°, 24.4, 16.1	`hsl(36,24.4%,16.1%)`
HSV (or HSB)	36°, 39.2, 20
Web Safe	333333	`#333333`

CIE-LAB	18.056, 1.434, 9.183
XYZ	2.476, 2.531, 1.654
xyY	0.372, 0.38, 2.531
CIE-LCH	18.056, 9.294, 81.121
CIE-LUV	18.056, 4.779, 7.827
Hunter-Lab	15.908, -0.051, 4.97
Binary	00110011, 00101011, 00011111

#332b1f
```
#332b1f rgb(51,43,31)
```
#1f2733
```
#1f2733 rgb(31,39,51)
```

Complementary Color

#33211f
```
#33211f rgb(51,33,31)
```
#332b1f
```
#332b1f rgb(51,43,31)
```
#31331f
```
#31331f rgb(49,51,31)
```

Analogous Color

#211f33
```
#211f33 rgb(33,31,51)
```
#332b1f
```
#332b1f rgb(51,43,31)
```
#1f3133
```
#1f3133 rgb(31,49,51)
```

Split Complementary Color

#2b1f33
```
#2b1f33 rgb(43,31,51)
```
#332b1f
```
#332b1f rgb(51,43,31)
```
#1f332b
```
#1f332b rgb(31,51,43)
```

Triadic Color

#331f27
```
#331f27 rgb(51,31,39)
```
#332b1f
```
#332b1f rgb(51,43,31)
```
#1f332b
```
#1f332b rgb(31,51,43)
```
#1f2733
```
#1f2733 rgb(31,39,51)
```

Tetradic Color

#030302
```
#030302 rgb(3,3,2)
```
#13100c
```
#13100c rgb(19,16,12)
```
#231e15
```
#231e15 rgb(35,30,21)
```
#332b1f
```
#332b1f rgb(51,43,31)
```
#433829
```
#433829 rgb(67,56,41)
```
#534632
```
#534632 rgb(83,70,50)
```
#63533c
```
#63533c rgb(99,83,60)
```

Monochromatic Color

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

#33261f
```
#33261f rgb(51,38,31)
```
#33281f
```
#33281f rgb(51,40,31)
```
#33291f
```
#33291f rgb(51,41,31)
```
#332b1f
```
#332b1f rgb(51,43,31)
```
#332d1f
```
#332d1f rgb(51,45,31)
```
#332e1f
```
#332e1f rgb(51,46,31)
```
#33301f
```
#33301f rgb(51,48,31)
```

Similar Colors

Text with hexadecimal color #332b1f

This text has a font color of #332b1f.

<span style="color:#332b1f;">Text here</span>

#332b1f background color

This paragraph has a background color of #332b1f.

<p style="background-color:#332b1f;">Content here</p>

#332b1f border color

This element has a border color of #332b1f.

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

CSS codes

.text {color:#332b1f;}

.background {background-color:#332b1f;}

.border {border:1px solid #332b1f;}

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

#020201
```
#020201 rgb(2,2,1)
```
#0e0c09
```
#0e0c09 rgb(14,12,9)
```
#1b1610
```
#1b1610 rgb(27,22,16)
```
#272118
```
#272118 rgb(39,33,24)
```
#332b1f
```
#332b1f rgb(51,43,31)
```
#3f3526
```
#3f3526 rgb(63,53,38)
```
#4b402e
```
#4b402e rgb(75,64,46)
```
#584a35
```
#584a35 rgb(88,74,53)
```
#64543d
```
#64543d rgb(100,84,61)
```
#705e44
```
#705e44 rgb(112,94,68)
```
#7c694b
```
#7c694b rgb(124,105,75)
```
#887353
```
#887353 rgb(136,115,83)
```
#957d5a
```
#957d5a rgb(149,125,90)
```

Shade Color Variation

#a08763
```
#a08763 rgb(160,135,99)
```
#a7916f
```
#a7916f rgb(167,145,111)
```
#af9a7b
```
#af9a7b rgb(175,154,123)
```
#b6a387
```
#b6a387 rgb(182,163,135)
```
#bead93
```
#bead93 rgb(190,173,147)
```
#c5b6a0
```
#c5b6a0 rgb(197,182,160)
```
#ccbfac
```
#ccbfac rgb(204,191,172)
```
#d4c9b8
```
#d4c9b8 rgb(212,201,184)
```
#dbd2c4
```
#dbd2c4 rgb(219,210,196)
```
#e3dbd0
```
#e3dbd0 rgb(227,219,208)
```
#eae5dd
```
#eae5dd rgb(234,229,221)
```
#f2eee9
```
#f2eee9 rgb(242,238,233)
```
#f9f7f5
```
#f9f7f5 rgb(249,247,245)
```

Tint Color Variation

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

#2a2928
```
#2a2928 rgb(42,41,40)
```
#2d2a25
```
#2d2a25 rgb(45,42,37)
```
#302a22
```
#302a22 rgb(48,42,34)
```
#332b1f
```
#332b1f rgb(51,43,31)
```
#362c1c
```
#362c1c rgb(54,44,28)
```
#392c19
```
#392c19 rgb(57,44,25)
```
#3c2d16
```
#3c2d16 rgb(60,45,22)
```
#402e12
```
#402e12 rgb(64,46,18)
```
#432e0f
```
#432e0f rgb(67,46,15)
```
#462f0c
```
#462f0c rgb(70,47,12)
```
#492f09
```
#492f09 rgb(73,47,9)
```
#4c3006
```
#4c3006 rgb(76,48,6)
```
#4f3103
```
#4f3103 rgb(79,49,3)
```

Tone Color Variation

Below, you can see how #332b1f 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

#2c2c2c Achromatopsia 0.005% of the population
#2d2c29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a372b Protanopia 1% of men
#40352a Deuteranopia 1% of men
#3f3437 Tritanopia 0.001% of the population

Trichromacy

#373226 Protanomaly 1% of men, 0.01% of women
#3b3126 Deuteranomaly 6% of men, 0.4% of women
#3a302e Tritanomaly 0.01% of the population

#332b1f hex color

#332b1f Color Information

#332b1f Color Conversion

Color Schemes with #332b1f

Alternatives to #332b1f

#332b1f Preview

Shades and Tints of #332b1f

Tones of #332b1f

Color Blindness Simulator