colorhexa.com

#313214 hex color

In a RGB color space, hex #313214 is composed of 19.2% red, 19.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 60% yellow and 80.4% black. It has a hue angle of 62 degrees, a saturation of 42.9% and a lightness of 13.7%. #313214 color hex could be obtained by blending #626428 with #000000. Closest websafe color is: #333300.

- R 19
- G 20
- B 8
RGB color chart
- C 2
- M 0
- Y 60
- K 80
CMYK color chart

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

The hexadecimal color #313214 has RGB values of R:49, G:50, B:20 and CMYK values of C:0.02, M:0, Y:0.6, K:0.8. Its decimal value is 3224084.

Hex triplet	313214	`#313214`
RGB Decimal	49, 50, 20	`rgb(49,50,20)`
RGB Percent	19.2, 19.6, 7.8	`rgb(19.2%,19.6%,7.8%)`
CMYK	2, 0, 60, 80
HSL	62°, 42.9, 13.7	`hsl(62,42.9%,13.7%)`
HSV (or HSB)	62°, 60, 19.6
Web Safe	333300	`#333300`

CIE-LAB	19.983, -5.739, 18.745
XYZ	2.533, 2.985, 1.104
xyY	0.383, 0.451, 2.985
CIE-LCH	19.983, 19.604, 107.022
CIE-LUV	19.983, 0.615, 16.199
Hunter-Lab	17.276, -4.058, 8.303
Binary	00110001, 00110010, 00010100

#313214
```
#313214 rgb(49,50,20)
```
#151432
```
#151432 rgb(21,20,50)
```

Complementary Color

#322414
```
#322414 rgb(50,36,20)
```
#313214
```
#313214 rgb(49,50,20)
```
#223214
```
#223214 rgb(34,50,20)
```

Analogous Color

#241432
```
#241432 rgb(36,20,50)
```
#313214
```
#313214 rgb(49,50,20)
```
#142232
```
#142232 rgb(20,34,50)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0e05
```
#0d0e05 rgb(13,14,5)
```
#1f200d
```
#1f200d rgb(31,32,13)
```
#313214
```
#313214 rgb(49,50,20)
```
#43441b
```
#43441b rgb(67,68,27)
```
#555623
```
#555623 rgb(85,86,35)
```
#67692a
```
#67692a rgb(103,105,42)
```

Monochromatic Color

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

#322c14
```
#322c14 rgb(50,44,20)
```
#322e14
```
#322e14 rgb(50,46,20)
```
#323114
```
#323114 rgb(50,49,20)
```
#313214
```
#313214 rgb(49,50,20)
```
#2f3214
```
#2f3214 rgb(47,50,20)
```
#2c3214
```
#2c3214 rgb(44,50,20)
```
#2a3214
```
#2a3214 rgb(42,50,20)
```

Similar Colors

Text with hexadecimal color #313214

This text has a font color of #313214.

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

#313214 background color

This paragraph has a background color of #313214.

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

#313214 border color

This element has a border color of #313214.

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

CSS codes

.text {color:#313214;}

.background {background-color:#313214;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#161609
```
#161609 rgb(22,22,9)
```
#23240e
```
#23240e rgb(35,36,14)
```
#313214
```
#313214 rgb(49,50,20)
```
#3f401a
```
#3f401a rgb(63,64,26)
```
#4c4e1f
```
#4c4e1f rgb(76,78,31)
```
#5a5c25
```
#5a5c25 rgb(90,92,37)
```
#686a2a
```
#686a2a rgb(104,106,42)
```
#767830
```
#767830 rgb(118,120,48)
```
#838636
```
#838636 rgb(131,134,54)
```
#91943b
```
#91943b rgb(145,148,59)
```
#9fa241
```
#9fa241 rgb(159,162,65)
```
#adb046
```
#adb046 rgb(173,176,70)
```

Shade Color Variation

#b6b951
```
#b6b951 rgb(182,185,81)
```
#bcbf5f
```
#bcbf5f rgb(188,191,95)
```
#c2c56d
```
#c2c56d rgb(194,197,109)
```
#c8ca7b
```
#c8ca7b rgb(200,202,123)
```
#cdd089
```
#cdd089 rgb(205,208,137)
```
#d3d597
```
#d3d597 rgb(211,213,151)
```
#d9dba5
```
#d9dba5 rgb(217,219,165)
```
#dfe1b3
```
#dfe1b3 rgb(223,225,179)
```
#e5e6c1
```
#e5e6c1 rgb(229,230,193)
```
#ebeccf
```
#ebeccf rgb(235,236,207)
```
#f1f1dd
```
#f1f1dd rgb(241,241,221)
```
#f7f7eb
```
#f7f7eb rgb(247,247,235)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#242521
```
#242521 rgb(36,37,33)
```
#27271f
```
#27271f rgb(39,39,31)
```
#292a1c
```
#292a1c rgb(41,42,28)
```
#2c2d19
```
#2c2d19 rgb(44,45,25)
```
#2e2f17
```
#2e2f17 rgb(46,47,23)
```
#313214
```
#313214 rgb(49,50,20)
```
#343511
```
#343511 rgb(52,53,17)
```
#36370f
```
#36370f rgb(54,55,15)
```
#393a0c
```
#393a0c rgb(57,58,12)
```
#3b3d09
```
#3b3d09 rgb(59,61,9)
```
#3e3f07
```
#3e3f07 rgb(62,63,7)
```
#404204
```
#404204 rgb(64,66,4)
```
#434501
```
#434501 rgb(67,69,1)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2f29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#403b1f Protanopia 1% of men
#473821 Deuteranopia 1% of men
#3f393d Tritanopia 0.001% of the population

Trichromacy

#3b371b Protanomaly 1% of men, 0.01% of women
#3f361c Deuteranomaly 6% of men, 0.4% of women
#3a362e Tritanomaly 0.01% of the population