#31221b hex color

In a RGB color space, hex #31221b is composed of 19.2% red, 13.3% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 44.9% yellow and 80.8% black. It has a hue angle of 19.1 degrees, a saturation of 28.9% and a lightness of 14.9%. #31221b color hex could be obtained by blending #624436 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 11
RGB color chart
- C 0
- M 31
- Y 45
- K 81
CMYK color chart

● #31221b color description : Very dark (mostly black) orange [Brown tone].

The hexadecimal color #31221b has RGB values of R:49, G:34, B:27 and CMYK values of C:0, M:0.31, Y:0.45, K:0.81. Its decimal value is 3219995.

Hex triplet	31221b	`#31221b`
RGB Decimal	49, 34, 27	`rgb(49,34,27)`
RGB Percent	19.2, 13.3, 10.6	`rgb(19.2%,13.3%,10.6%)`
CMYK	0, 31, 45, 81
HSL	19.1°, 28.9, 14.9	`hsl(19.1,28.9%,14.9%)`
HSV (or HSB)	19.1°, 44.9, 19.2
Web Safe	333333	`#333333`

CIE-LAB	14.824, 6.011, 7.53
XYZ	2.036, 1.876, 1.292
xyY	0.391, 0.361, 1.876
CIE-LCH	14.824, 9.635, 51.401
CIE-LUV	14.824, 7.97, 5.301
Hunter-Lab	13.698, 2.568, 3.997
Binary	00110001, 00100010, 00011011

#31221b
```
#31221b rgb(49,34,27)
```
#1b2a31
```
#1b2a31 rgb(27,42,49)
```

Complementary Color

#311b1f
```
#311b1f rgb(49,27,31)
```
#31221b
```
#31221b rgb(49,34,27)
```
#312d1b
```
#312d1b rgb(49,45,27)
```

Analogous Color

#1b1f31
```
#1b1f31 rgb(27,31,49)
```
#31221b
```
#31221b rgb(49,34,27)
```
#1b312d
```
#1b312d rgb(27,49,45)
```

Split Complementary Color

#221b31
```
#221b31 rgb(34,27,49)
```
#31221b
```
#31221b rgb(49,34,27)
```
#1b3122
```
#1b3122 rgb(27,49,34)
```

Triadic Color

#311b2a
```
#311b2a rgb(49,27,42)
```
#31221b
```
#31221b rgb(49,34,27)
```
#1b3122
```
#1b3122 rgb(27,49,34)
```
#1b2a31
```
#1b2a31 rgb(27,42,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#100b09
```
#100b09 rgb(16,11,9)
```
#211712
```
#211712 rgb(33,23,18)
```
#31221b
```
#31221b rgb(49,34,27)
```
#412d24
```
#412d24 rgb(65,45,36)
```
#52392d
```
#52392d rgb(82,57,45)
```
#624436
```
#624436 rgb(98,68,54)
```

Monochromatic Color

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

#311d1b
```
#311d1b rgb(49,29,27)
```
#311e1b
```
#311e1b rgb(49,30,27)
```
#31201b
```
#31201b rgb(49,32,27)
```
#31221b
```
#31221b rgb(49,34,27)
```
#31241b
```
#31241b rgb(49,36,27)
```
#31261b
```
#31261b rgb(49,38,27)
```
#31281b
```
#31281b rgb(49,40,27)
```

Similar Colors

Text with hexadecimal color #31221b

This text has a font color of #31221b.

<span style="color:#31221b;">Text here</span>

#31221b background color

This paragraph has a background color of #31221b.

<p style="background-color:#31221b;">Content here</p>

#31221b border color

This element has a border color of #31221b.

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

CSS codes

.text {color:#31221b;}

.background {background-color:#31221b;}

.border {border:1px solid #31221b;}

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, #0b0806 is the darkest color, while #fefefd is the lightest one.

#0b0806
```
#0b0806 rgb(11,8,6)
```
#18100d
```
#18100d rgb(24,16,13)
```
#241914
```
#241914 rgb(36,25,20)
```
#31221b
```
#31221b rgb(49,34,27)
```
#3e2b22
```
#3e2b22 rgb(62,43,34)
```
#4a3429
```
#4a3429 rgb(74,52,41)
```
#573c30
```
#573c30 rgb(87,60,48)
```
#644537
```
#644537 rgb(100,69,55)
```
#704e3e
```
#704e3e rgb(112,78,62)
```
#7d5745
```
#7d5745 rgb(125,87,69)
```
#8a5f4c
```
#8a5f4c rgb(138,95,76)
```
#966853
```
#966853 rgb(150,104,83)
```
#a3715a
```
#a3715a rgb(163,113,90)
```

Shade Color Variation

#ab7c66
```
#ab7c66 rgb(171,124,102)
```
#b18672
```
#b18672 rgb(177,134,114)
```
#b8917f
```
#b8917f rgb(184,145,127)
```
#bf9c8c
```
#bf9c8c rgb(191,156,140)
```
#c6a798
```
#c6a798 rgb(198,167,152)
```
#cdb2a5
```
#cdb2a5 rgb(205,178,165)
```
#d4bdb2
```
#d4bdb2 rgb(212,189,178)
```
#dbc7be
```
#dbc7be rgb(219,199,190)
```
#e2d2cb
```
#e2d2cb rgb(226,210,203)
```
#e9ddd7
```
#e9ddd7 rgb(233,221,215)
```
#f0e8e4
```
#f0e8e4 rgb(240,232,228)
```
#f7f3f1
```
#f7f3f1 rgb(247,243,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#282524
```
#282524 rgb(40,37,36)
```
#2b2421
```
#2b2421 rgb(43,36,33)
```
#2e231e
```
#2e231e rgb(46,35,30)
```
#31221b
```
#31221b rgb(49,34,27)
```
#342118
```
#342118 rgb(52,33,24)
```
#372015
```
#372015 rgb(55,32,21)
```
#3a1f12
```
#3a1f12 rgb(58,31,18)
```
#3d1e0f
```
#3d1e0f rgb(61,30,15)
```
#401d0c
```
#401d0c rgb(64,29,12)
```
#431c09
```
#431c09 rgb(67,28,9)
```
#451b07
```
#451b07 rgb(69,27,7)
```
#481904
```
#481904 rgb(72,25,4)
```
#4b1801
```
#4b1801 rgb(75,24,1)
```

Tone Color Variation

Below, you can see how #31221b 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

#262626 Achromatopsia 0.005% of the population
#282524 Atypical Achromatopsia 0.001% of the population

Dichromacy

#333028 Protanopia 1% of men
#382e26 Deuteranopia 1% of men
#3c2c2f Tritanopia 0.001% of the population

Trichromacy

#322b23 Protanomaly 1% of men, 0.01% of women
#352a22 Deuteranomaly 6% of men, 0.4% of women
#382827 Tritanomaly 0.01% of the population

#31221b hex color

#31221b Color Information

#31221b Color Conversion

Color Schemes with #31221b

Alternatives to #31221b

#31221b Preview

Shades and Tints of #31221b

Tones of #31221b

Color Blindness Simulator