#212316 hex color

In a RGB color space, hex #212316 is composed of 12.9% red, 13.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 5.7% cyan, 0% magenta, 37.1% yellow and 86.3% black. It has a hue angle of 69.2 degrees, a saturation of 22.8% and a lightness of 11.2%. #212316 color hex could be obtained by blending #42462c with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 13
- G 14
- B 9
RGB color chart
- C 6
- M 0
- Y 37
- K 86
CMYK color chart

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

The hexadecimal color #212316 has RGB values of R:33, G:35, B:22 and CMYK values of C:0.06, M:0, Y:0.37, K:0.86. Its decimal value is 2171670.

Hex triplet	212316	`#212316`
RGB Decimal	33, 35, 22	`rgb(33,35,22)`
RGB Percent	12.9, 13.7, 8.6	`rgb(12.9%,13.7%,8.6%)`
CMYK	6, 0, 37, 86
HSL	69.2°, 22.8, 11.2	`hsl(69.2,22.8%,11.2%)`
HSV (or HSB)	69.2°, 37.1, 13.7
Web Safe	333300	`#333300`

CIE-LAB	13.128, -3.78, 8.446
XYZ	1.373, 1.583, 0.992
xyY	0.348, 0.401, 1.583
CIE-LCH	13.128, 9.253, 114.114
CIE-LUV	13.128, -0.408, 6.619
Hunter-Lab	12.583, -2.543, 4.133
Binary	00100001, 00100011, 00010110

#212316
```
#212316 rgb(33,35,22)
```
#181623
```
#181623 rgb(24,22,35)
```

Complementary Color

#231f16
```
#231f16 rgb(35,31,22)
```
#212316
```
#212316 rgb(33,35,22)
```
#1b2316
```
#1b2316 rgb(27,35,22)
```

Analogous Color

#1f1623
```
#1f1623 rgb(31,22,35)
```
#212316
```
#212316 rgb(33,35,22)
```
#161b23
```
#161b23 rgb(22,27,35)
```

Split Complementary Color

#231621
```
#231621 rgb(35,22,33)
```
#212316
```
#212316 rgb(33,35,22)
```
#162123
```
#162123 rgb(22,33,35)
```

Triadic Color

#231816
```
#231816 rgb(35,24,22)
```
#212316
```
#212316 rgb(33,35,22)
```
#162123
```
#162123 rgb(22,33,35)
```
#181623
```
#181623 rgb(24,22,35)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#030402
```
#030402 rgb(3,4,2)
```
#12130c
```
#12130c rgb(18,19,12)
```
#212316
```
#212316 rgb(33,35,22)
```
#303320
```
#303320 rgb(48,51,32)
```
#3f422a
```
#3f422a rgb(63,66,42)
```
#4d5234
```
#4d5234 rgb(77,82,52)
```

Monochromatic Color

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

#232216
```
#232216 rgb(35,34,22)
```
#232316
```
#232316 rgb(35,35,22)
```
#222316
```
#222316 rgb(34,35,22)
```
#212316
```
#212316 rgb(33,35,22)
```
#202316
```
#202316 rgb(32,35,22)
```
#1f2316
```
#1f2316 rgb(31,35,22)
```
#1e2316
```
#1e2316 rgb(30,35,22)
```

Similar Colors

Text with hexadecimal color #212316

This text has a font color of #212316.

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

#212316 background color

This paragraph has a background color of #212316.

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

#212316 border color

This element has a border color of #212316.

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

CSS codes

.text {color:#212316;}

.background {background-color:#212316;}

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

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

#0a0b07
```
#0a0b07 rgb(10,11,7)
```
#16170e
```
#16170e rgb(22,23,14)
```
#212316
```
#212316 rgb(33,35,22)
```
#2c2f1e
```
#2c2f1e rgb(44,47,30)
```
#383b25
```
#383b25 rgb(56,59,37)
```
#43472d
```
#43472d rgb(67,71,45)
```
#4e5334
```
#4e5334 rgb(78,83,52)
```
#5a5f3c
```
#5a5f3c rgb(90,95,60)
```
#656b43
```
#656b43 rgb(101,107,67)
```
#70774b
```
#70774b rgb(112,119,75)
```
#7c8353
```
#7c8353 rgb(124,131,83)
```
#878f5a
```
#878f5a rgb(135,143,90)
```
#939b62
```
#939b62 rgb(147,155,98)
```

Shade Color Variation

#9ba36d
```
#9ba36d rgb(155,163,109)
```
#a3ab79
```
#a3ab79 rgb(163,171,121)
```
#acb385
```
#acb385 rgb(172,179,133)
```
#b4ba91
```
#b4ba91 rgb(180,186,145)
```
#bcc29e
```
#bcc29e rgb(188,194,158)
```
#c4c9aa
```
#c4c9aa rgb(196,201,170)
```
#cdd1b6
```
#cdd1b6 rgb(205,209,182)
```
#d5d8c2
```
#d5d8c2 rgb(213,216,194)
```
#dde0ce
```
#dde0ce rgb(221,224,206)
```
#e5e8da
```
#e5e8da rgb(229,232,218)
```
#eeefe6
```
#eeefe6 rgb(238,239,230)
```
#f6f7f2
```
#f6f7f2 rgb(246,247,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#1e1f1a
```
#1e1f1a rgb(30,31,26)
```
#1f2118
```
#1f2118 rgb(31,33,24)
```
#212316
```
#212316 rgb(33,35,22)
```
#232514
```
#232514 rgb(35,37,20)
```
#242712
```
#242712 rgb(36,39,18)
```
#262a0f
```
#262a0f rgb(38,42,15)
```
#272c0d
```
#272c0d rgb(39,44,13)
```
#292e0b
```
#292e0b rgb(41,46,11)
```
#2a3009
```
#2a3009 rgb(42,48,9)
```
#2c3207
```
#2c3207 rgb(44,50,7)
```
#2d3504
```
#2d3504 rgb(45,53,4)
```
#2f3702
```
#2f3702 rgb(47,55,2)
```
#303900
```
#303900 rgb(48,57,0)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#21211f Atypical Achromatopsia 0.001% of the population

Dichromacy

#302d21 Protanopia 1% of men
#352b23 Deuteranopia 1% of men
#2e2c2f Tritanopia 0.001% of the population

Trichromacy

#2a291d Protanomaly 1% of men, 0.01% of women
#2d281e Deuteranomaly 6% of men, 0.4% of women
#292926 Tritanomaly 0.01% of the population

#212316 hex color

#212316 Color Information

#212316 Color Conversion

Color Schemes with #212316

Alternatives to #212316

#212316 Preview

Shades and Tints of #212316

Tones of #212316

Color Blindness Simulator