#313217 hex color

In a RGB color space, hex #313217 is composed of 19.2% red, 19.6% green and 9% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 54% yellow and 80.4% black. It has a hue angle of 62.2 degrees, a saturation of 37% and a lightness of 14.3%. #313217 color hex could be obtained by blending #62642e with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #313217 has RGB values of R:49, G:50, B:23 and CMYK values of C:0.02, M:0, Y:0.54, K:0.8. Its decimal value is 3224087.

Hex triplet	313217	`#313217`
RGB Decimal	49, 50, 23	`rgb(49,50,23)`
RGB Percent	19.2, 19.6, 9	`rgb(19.2%,19.6%,9%)`
CMYK	2, 0, 54, 80
HSL	62.2°, 37, 14.3	`hsl(62.2,37%,14.3%)`
HSV (or HSB)	62.2°, 54, 19.6
Web Safe	333300	`#333300`

CIE-LAB	20.028, -5.38, 16.953
XYZ	2.562, 2.996, 1.254
xyY	0.376, 0.44, 2.996
CIE-LCH	20.028, 17.786, 107.606
CIE-LUV	20.028, 0.535, 15.011
Hunter-Lab	17.309, -3.872, 7.821
Binary	00110001, 00110010, 00010111

#313217
```
#313217 rgb(49,50,23)
```
#181732
```
#181732 rgb(24,23,50)
```

Complementary Color

#322617
```
#322617 rgb(50,38,23)
```
#313217
```
#313217 rgb(49,50,23)
```
#243217
```
#243217 rgb(36,50,23)
```

Analogous Color

#261732
```
#261732 rgb(38,23,50)
```
#313217
```
#313217 rgb(49,50,23)
```
#172432
```
#172432 rgb(23,36,50)
```

Split Complementary Color

#321731
```
#321731 rgb(50,23,49)
```
#313217
```
#313217 rgb(49,50,23)
```
#173132
```
#173132 rgb(23,49,50)
```

Triadic Color

#321817
```
#321817 rgb(50,24,23)
```
#313217
```
#313217 rgb(49,50,23)
```
#173132
```
#173132 rgb(23,49,50)
```
#181732
```
#181732 rgb(24,23,50)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f0f07
```
#0f0f07 rgb(15,15,7)
```
#20210f
```
#20210f rgb(32,33,15)
```
#313217
```
#313217 rgb(49,50,23)
```
#42431f
```
#42431f rgb(66,67,31)
```
#535527
```
#535527 rgb(83,85,39)
```
#64662f
```
#64662f rgb(100,102,47)
```

Monochromatic Color

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

#322c17
```
#322c17 rgb(50,44,23)
```
#322f17
```
#322f17 rgb(50,47,23)
```
#323117
```
#323117 rgb(50,49,23)
```
#313217
```
#313217 rgb(49,50,23)
```
#2f3217
```
#2f3217 rgb(47,50,23)
```
#2d3217
```
#2d3217 rgb(45,50,23)
```
#2a3217
```
#2a3217 rgb(42,50,23)
```

Similar Colors

Text with hexadecimal color #313217

This text has a font color of #313217.

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

#313217 background color

This paragraph has a background color of #313217.

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

#313217 border color

This element has a border color of #313217.

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

CSS codes

.text {color:#313217;}

.background {background-color:#313217;}

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

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

#0a0a04
```
#0a0a04 rgb(10,10,4)
```
#17170b
```
#17170b rgb(23,23,11)
```
#242511
```
#242511 rgb(36,37,17)
```
#313217
```
#313217 rgb(49,50,23)
```
#3e3f1d
```
#3e3f1d rgb(62,63,29)
```
#4b4d23
```
#4b4d23 rgb(75,77,35)
```
#585a2a
```
#585a2a rgb(88,90,42)
```
#666830
```
#666830 rgb(102,104,48)
```
#737536
```
#737536 rgb(115,117,54)
```
#80833c
```
#80833c rgb(128,131,60)
```
#8d9042
```
#8d9042 rgb(141,144,66)
```
#9a9d48
```
#9a9d48 rgb(154,157,72)
```
#a7ab4f
```
#a7ab4f rgb(167,171,79)
```

Shade Color Variation

#b0b35a
```
#b0b35a rgb(176,179,90)
```
#b6b967
```
#b6b967 rgb(182,185,103)
```
#bdbf75
```
#bdbf75 rgb(189,191,117)
```
#c3c682
```
#c3c682 rgb(195,198,130)
```
#cacc90
```
#cacc90 rgb(202,204,144)
```
#d0d29d
```
#d0d29d rgb(208,210,157)
```
#d7d8ab
```
#d7d8ab rgb(215,216,171)
```
#dddeb8
```
#dddeb8 rgb(221,222,184)
```
#e3e5c6
```
#e3e5c6 rgb(227,229,198)
```
#eaebd3
```
#eaebd3 rgb(234,235,211)
```
#f0f1e0
```
#f0f1e0 rgb(240,241,224)
```
#f7f7ee
```
#f7f7ee rgb(247,247,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#272722
```
#272722 rgb(39,39,34)
```
#292a1f
```
#292a1f rgb(41,42,31)
```
#2c2c1d
```
#2c2c1d rgb(44,44,29)
```
#2e2f1a
```
#2e2f1a rgb(46,47,26)
```
#313217
```
#313217 rgb(49,50,23)
```
#343514
```
#343514 rgb(52,53,20)
```
#363811
```
#363811 rgb(54,56,17)
```
#393a0f
```
#393a0f rgb(57,58,15)
```
#3b3d0c
```
#3b3d0c rgb(59,61,12)
```
#3e4009
```
#3e4009 rgb(62,64,9)
```
#414306
```
#414306 rgb(65,67,6)
```
#434603
```
#434603 rgb(67,70,3)
```
#464801
```
#464801 rgb(70,72,1)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f302a Atypical Achromatopsia 0.001% of the population

Dichromacy

#403b22 Protanopia 1% of men
#473824 Deuteranopia 1% of men
#3f393d Tritanopia 0.001% of the population

Trichromacy

#3b371e Protanomaly 1% of men, 0.01% of women
#3f361f Deuteranomaly 6% of men, 0.4% of women
#39362f Tritanomaly 0.01% of the population

#313217 hex color

#313217 Color Information

#313217 Color Conversion

Color Schemes with #313217

Alternatives to #313217

#313217 Preview

Shades and Tints of #313217

Tones of #313217

Color Blindness Simulator