#313228 hex color

In a RGB color space, hex #313228 is composed of 19.2% red, 19.6% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 20% yellow and 80.4% black. It has a hue angle of 66 degrees, a saturation of 11.1% and a lightness of 17.6%. #313228 color hex could be obtained by blending #626450 with #000000. Closest websafe color is: #333333.

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

● #313228 color description : Very dark (mostly black) yellow [Olive tone].

The hexadecimal color #313228 has RGB values of R:49, G:50, B:40 and CMYK values of C:0.02, M:0, Y:0.2, K:0.8. Its decimal value is 3224104.

Hex triplet	313228	`#313228`
RGB Decimal	49, 50, 40	`rgb(49,50,40)`
RGB Percent	19.2, 19.6, 15.7	`rgb(19.2%,19.6%,15.7%)`
CMYK	2, 0, 20, 80
HSL	66°, 11.1, 17.6	`hsl(66,11.1%,17.6%)`
HSV (or HSB)	66°, 20, 19.6
Web Safe	333333	`#333333`

CIE-LAB	20.391, -2.615, 6.231
XYZ	2.79, 3.087, 2.456
xyY	0.335, 0.37, 3.087
CIE-LCH	20.391, 6.757, 112.764
CIE-LUV	20.391, -0.053, 6.288
Hunter-Lab	17.571, -2.404, 4.011
Binary	00110001, 00110010, 00101000

#313228
```
#313228 rgb(49,50,40)
```
#292832
```
#292832 rgb(41,40,50)
```

Complementary Color

#322e28
```
#322e28 rgb(50,46,40)
```
#313228
```
#313228 rgb(49,50,40)
```
#2c3228
```
#2c3228 rgb(44,50,40)
```

Analogous Color

#2e2832
```
#2e2832 rgb(46,40,50)
```
#313228
```
#313228 rgb(49,50,40)
```
#282c32
```
#282c32 rgb(40,44,50)
```

Split Complementary Color

#322831
```
#322831 rgb(50,40,49)
```
#313228
```
#313228 rgb(49,50,40)
```
#283132
```
#283132 rgb(40,49,50)
```

Triadic Color

#322928
```
#322928 rgb(50,41,40)
```
#313228
```
#313228 rgb(49,50,40)
```
#283132
```
#283132 rgb(40,49,50)
```
#292832
```
#292832 rgb(41,40,50)
```

Tetradic Color

#070706
```
#070706 rgb(7,7,6)
```
#151611
```
#151611 rgb(21,22,17)
```
#23241d
```
#23241d rgb(35,36,29)
```
#313228
```
#313228 rgb(49,50,40)
```
#3f4033
```
#3f4033 rgb(63,64,51)
```
#4d4e3f
```
#4d4e3f rgb(77,78,63)
```
#5b5d4a
```
#5b5d4a rgb(91,93,74)
```

Monochromatic Color

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

#323128
```
#323128 rgb(50,49,40)
```
#323128
```
#323128 rgb(50,49,40)
```
#323228
```
#323228 rgb(50,50,40)
```
#313228
```
#313228 rgb(49,50,40)
```
#303228
```
#303228 rgb(48,50,40)
```
#2f3228
```
#2f3228 rgb(47,50,40)
```
#2f3228
```
#2f3228 rgb(47,50,40)
```

Similar Colors

Text with hexadecimal color #313228

This text has a font color of #313228.

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

#313228 background color

This paragraph has a background color of #313228.

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

#313228 border color

This element has a border color of #313228.

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

CSS codes

.text {color:#313228;}

.background {background-color:#313228;}

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

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

#060605
```
#060605 rgb(6,6,5)
```
#11110e
```
#11110e rgb(17,17,14)
```
#1c1c17
```
#1c1c17 rgb(28,28,23)
```
#26271f
```
#26271f rgb(38,39,31)
```
#313228
```
#313228 rgb(49,50,40)
```
#3c3d31
```
#3c3d31 rgb(60,61,49)
```
#464839
```
#464839 rgb(70,72,57)
```
#515342
```
#515342 rgb(81,83,66)
```
#5c5e4b
```
#5c5e4b rgb(92,94,75)
```
#666854
```
#666854 rgb(102,104,84)
```
#71735c
```
#71735c rgb(113,115,92)
```
#7c7e65
```
#7c7e65 rgb(124,126,101)
```
#86896e
```
#86896e rgb(134,137,110)
```

Shade Color Variation

#909378
```
#909378 rgb(144,147,120)
```
#999c83
```
#999c83 rgb(153,156,131)
```
#a2a48e
```
#a2a48e rgb(162,164,142)
```
#abad98
```
#abad98 rgb(171,173,152)
```
#b4b6a3
```
#b4b6a3 rgb(180,182,163)
```
#bdbeae
```
#bdbeae rgb(189,190,174)
```
#c6c7b9
```
#c6c7b9 rgb(198,199,185)
```
#cfd0c4
```
#cfd0c4 rgb(207,208,196)
```
#d8d9cf
```
#d8d9cf rgb(216,217,207)
```
#e1e1da
```
#e1e1da rgb(225,225,218)
```
#e9eae5
```
#e9eae5 rgb(233,234,229)
```
#f2f3f0
```
#f2f3f0 rgb(242,243,240)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#2e2f2b
```
#2e2f2b rgb(46,47,43)
```
#313228
```
#313228 rgb(49,50,40)
```
#343525
```
#343525 rgb(52,53,37)
```
#373921
```
#373921 rgb(55,57,33)
```
#393c1e
```
#393c1e rgb(57,60,30)
```
#3c401a
```
#3c401a rgb(60,64,26)
```
#3f4317
```
#3f4317 rgb(63,67,23)
```
#424713
```
#424713 rgb(66,71,19)
```
#444a10
```
#444a10 rgb(68,74,16)
```
#474e0c
```
#474e0c rgb(71,78,12)
```
#4a5109
```
#4a5109 rgb(74,81,9)
```
#4d5505
```
#4d5505 rgb(77,85,5)
```
#4f5802
```
#4f5802 rgb(79,88,2)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#31312f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f3b32 Protanopia 1% of men
#443934 Deuteranopia 1% of men
#3d3a3f Tritanopia 0.001% of the population

Trichromacy

#39382e Protanomaly 1% of men, 0.01% of women
#3d362f Deuteranomaly 6% of men, 0.4% of women
#393736 Tritanomaly 0.01% of the population

#313228 hex color

#313228 Color Information

#313228 Color Conversion

Color Schemes with #313228

Alternatives to #313228

#313228 Preview

Shades and Tints of #313228

Tones of #313228

Color Blindness Simulator