#312824 hex color

In a RGB color space, hex #312824 is composed of 19.2% red, 15.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.4% magenta, 26.5% yellow and 80.8% black. It has a hue angle of 18.5 degrees, a saturation of 15.3% and a lightness of 16.7%. #312824 color hex could be obtained by blending #625048 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 16
- B 14
RGB color chart
- C 0
- M 18
- Y 27
- K 81
CMYK color chart

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

The hexadecimal color #312824 has RGB values of R:49, G:40, B:36 and CMYK values of C:0, M:0.18, Y:0.27, K:0.81. Its decimal value is 3221540.

Hex triplet	312824	`#312824`
RGB Decimal	49, 40, 36	`rgb(49,40,36)`
RGB Percent	19.2, 15.7, 14.1	`rgb(19.2%,15.7%,14.1%)`
CMYK	0, 18, 27, 81
HSL	18.5°, 15.3, 16.7	`hsl(18.5,15.3%,16.7%)`
HSV (or HSB)	18.5°, 26.5, 19.2
Web Safe	333333	`#333333`

CIE-LAB	16.979, 3.382, 4.187
XYZ	2.344, 2.298, 1.989
xyY	0.353, 0.347, 2.298
CIE-LCH	16.979, 5.383, 51.068
CIE-LUV	16.979, 4.703, 3.333
Hunter-Lab	15.159, 1.07, 2.832
Binary	00110001, 00101000, 00100100

#312824
```
#312824 rgb(49,40,36)
```
#242d31
```
#242d31 rgb(36,45,49)
```

Complementary Color

#312427
```
#312427 rgb(49,36,39)
```
#312824
```
#312824 rgb(49,40,36)
```
#312f24
```
#312f24 rgb(49,47,36)
```

Analogous Color

#242731
```
#242731 rgb(36,39,49)
```
#312824
```
#312824 rgb(49,40,36)
```
#24312f
```
#24312f rgb(36,49,47)
```

Split Complementary Color

#282431
```
#282431 rgb(40,36,49)
```
#312824
```
#312824 rgb(49,40,36)
```
#243128
```
#243128 rgb(36,49,40)
```

Triadic Color

#31242d
```
#31242d rgb(49,36,45)
```
#312824
```
#312824 rgb(49,40,36)
```
#243128
```
#243128 rgb(36,49,40)
```
#242d31
```
#242d31 rgb(36,45,49)
```

Tetradic Color

#050404
```
#050404 rgb(5,4,4)
```
#14100e
```
#14100e rgb(20,16,14)
```
#221c19
```
#221c19 rgb(34,28,25)
```
#312824
```
#312824 rgb(49,40,36)
```
#40342f
```
#40342f rgb(64,52,47)
```
#4e403a
```
#4e403a rgb(78,64,58)
```
#5d4c44
```
#5d4c44 rgb(93,76,68)
```

Monochromatic Color

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

#312524
```
#312524 rgb(49,37,36)
```
#312624
```
#312624 rgb(49,38,36)
```
#312724
```
#312724 rgb(49,39,36)
```
#312824
```
#312824 rgb(49,40,36)
```
#312924
```
#312924 rgb(49,41,36)
```
#312a24
```
#312a24 rgb(49,42,36)
```
#312b24
```
#312b24 rgb(49,43,36)
```

Similar Colors

Text with hexadecimal color #312824

This text has a font color of #312824.

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

#312824 background color

This paragraph has a background color of #312824.

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

#312824 border color

This element has a border color of #312824.

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

CSS codes

.text {color:#312824;}

.background {background-color:#312824;}

.border {border:1px solid #312824;}

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

#040303
```
#040303 rgb(4,3,3)
```
#0f0c0b
```
#0f0c0b rgb(15,12,11)
```
#1a1613
```
#1a1613 rgb(26,22,19)
```
#261f1c
```
#261f1c rgb(38,31,28)
```
#312824
```
#312824 rgb(49,40,36)
```
#3c312c
```
#3c312c rgb(60,49,44)
```
#483a35
```
#483a35 rgb(72,58,53)
```
#53443d
```
#53443d rgb(83,68,61)
```
#5e4d45
```
#5e4d45 rgb(94,77,69)
```
#6a564e
```
#6a564e rgb(106,86,78)
```
#755f56
```
#755f56 rgb(117,95,86)
```
#80695e
```
#80695e rgb(128,105,94)
```
#8b7266
```
#8b7266 rgb(139,114,102)
```

Shade Color Variation

#967b70
```
#967b70 rgb(150,123,112)
```
#9e867b
```
#9e867b rgb(158,134,123)
```
#a69086
```
#a69086 rgb(166,144,134)
```
#af9b92
```
#af9b92 rgb(175,155,146)
```
#b7a59d
```
#b7a59d rgb(183,165,157)
```
#bfafa8
```
#bfafa8 rgb(191,175,168)
```
#c8bab4
```
#c8bab4 rgb(200,186,180)
```
#d0c4bf
```
#d0c4bf rgb(208,196,191)
```
#d8cfca
```
#d8cfca rgb(216,207,202)
```
#e1d9d6
```
#e1d9d6 rgb(225,217,214)
```
#e9e3e1
```
#e9e3e1 rgb(233,227,225)
```
#f1eeec
```
#f1eeec rgb(241,238,236)
```
#f9f8f7
```
#f9f8f7 rgb(249,248,247)
```

Tint Color Variation

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

#2e2927
```
#2e2927 rgb(46,41,39)
```
#312824
```
#312824 rgb(49,40,36)
```
#342721
```
#342721 rgb(52,39,33)
```
#38251d
```
#38251d rgb(56,37,29)
```
#3b241a
```
#3b241a rgb(59,36,26)
```
#3e2317
```
#3e2317 rgb(62,35,23)
```
#412214
```
#412214 rgb(65,34,20)
```
#452010
```
#452010 rgb(69,32,16)
```
#481f0d
```
#481f0d rgb(72,31,13)
```
#4b1e0a
```
#4b1e0a rgb(75,30,10)
```
#4e1d07
```
#4e1d07 rgb(78,29,7)
```
#521b03
```
#521b03 rgb(82,27,3)
```
#551a00
```
#551a00 rgb(85,26,0)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b2a29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363430 Protanopia 1% of men
#3b332f Deuteranopia 1% of men
#3c3235 Tritanopia 0.001% of the population

Trichromacy

#34302b Protanomaly 1% of men, 0.01% of women
#372f2b Deuteranomaly 6% of men, 0.4% of women
#382e2f Tritanomaly 0.01% of the population

#312824 hex color

#312824 Color Information

#312824 Color Conversion

Color Schemes with #312824

Alternatives to #312824

#312824 Preview

Shades and Tints of #312824

Tones of #312824

Color Blindness Simulator