#282216 hex color

In a RGB color space, hex #282216 is composed of 15.7% red, 13.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 45% yellow and 84.3% black. It has a hue angle of 40 degrees, a saturation of 29% and a lightness of 12.2%. #282216 color hex could be obtained by blending #50442c with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 16
- G 13
- B 9
RGB color chart
- C 0
- M 15
- Y 45
- K 84
CMYK color chart

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

The hexadecimal color #282216 has RGB values of R:40, G:34, B:22 and CMYK values of C:0, M:0.15, Y:0.45, K:0.84. Its decimal value is 2630166.

Hex triplet	282216	`#282216`
RGB Decimal	40, 34, 22	`rgb(40,34,22)`
RGB Percent	15.7, 13.3, 8.6	`rgb(15.7%,13.3%,8.6%)`
CMYK	0, 15, 45, 84
HSL	40°, 29, 12.2	`hsl(40,29%,12.2%)`
HSV (or HSB)	40°, 45, 15.7
Web Safe	333300	`#333300`

CIE-LAB	13.55, 0.556, 9.146
XYZ	1.592, 1.653, 0.994
xyY	0.376, 0.39, 1.653
CIE-LCH	13.55, 9.163, 86.524
CIE-LUV	13.55, 3.339, 6.731
Hunter-Lab	12.857, -0.4, 4.415
Binary	00101000, 00100010, 00010110

#282216
```
#282216 rgb(40,34,22)
```
#161c28
```
#161c28 rgb(22,28,40)
```

Complementary Color

#281916
```
#281916 rgb(40,25,22)
```
#282216
```
#282216 rgb(40,34,22)
```
#252816
```
#252816 rgb(37,40,22)
```

Analogous Color

#191628
```
#191628 rgb(25,22,40)
```
#282216
```
#282216 rgb(40,34,22)
```
#162528
```
#162528 rgb(22,37,40)
```

Split Complementary Color

#221628
```
#221628 rgb(34,22,40)
```
#282216
```
#282216 rgb(40,34,22)
```
#162822
```
#162822 rgb(22,40,34)
```

Triadic Color

#28161c
```
#28161c rgb(40,22,28)
```
#282216
```
#282216 rgb(40,34,22)
```
#162822
```
#162822 rgb(22,40,34)
```
#161c28
```
#161c28 rgb(22,28,40)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#070604
```
#070604 rgb(7,6,4)
```
#18140d
```
#18140d rgb(24,20,13)
```
#282216
```
#282216 rgb(40,34,22)
```
#38301f
```
#38301f rgb(56,48,31)
```
#493e28
```
#493e28 rgb(73,62,40)
```
#594c31
```
#594c31 rgb(89,76,49)
```

Monochromatic Color

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

#281e16
```
#281e16 rgb(40,30,22)
```
#281f16
```
#281f16 rgb(40,31,22)
```
#282116
```
#282116 rgb(40,33,22)
```
#282216
```
#282216 rgb(40,34,22)
```
#282416
```
#282416 rgb(40,36,22)
```
#282516
```
#282516 rgb(40,37,22)
```
#282716
```
#282716 rgb(40,39,22)
```

Similar Colors

Text with hexadecimal color #282216

This text has a font color of #282216.

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

#282216 background color

This paragraph has a background color of #282216.

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

#282216 border color

This element has a border color of #282216.

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

CSS codes

.text {color:#282216;}

.background {background-color:#282216;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0c08
```
#0f0c08 rgb(15,12,8)
```
#1b170f
```
#1b170f rgb(27,23,15)
```
#282216
```
#282216 rgb(40,34,22)
```
#352d1d
```
#352d1d rgb(53,45,29)
```
#413824
```
#413824 rgb(65,56,36)
```
#4e422b
```
#4e422b rgb(78,66,43)
```
#5b4d32
```
#5b4d32 rgb(91,77,50)
```
#675839
```
#675839 rgb(103,88,57)
```
#746340
```
#746340 rgb(116,99,64)
```
#816d47
```
#816d47 rgb(129,109,71)
```
#8d784e
```
#8d784e rgb(141,120,78)
```
#9a8355
```
#9a8355 rgb(154,131,85)
```

Shade Color Variation

#a68d5d
```
#a68d5d rgb(166,141,93)
```
#ad9669
```
#ad9669 rgb(173,150,105)
```
#b49f76
```
#b49f76 rgb(180,159,118)
```
#bba882
```
#bba882 rgb(187,168,130)
```
#c1b18f
```
#c1b18f rgb(193,177,143)
```
#c8ba9c
```
#c8ba9c rgb(200,186,156)
```
#cfc2a8
```
#cfc2a8 rgb(207,194,168)
```
#d6cbb5
```
#d6cbb5 rgb(214,203,181)
```
#ddd4c2
```
#ddd4c2 rgb(221,212,194)
```
#e4ddce
```
#e4ddce rgb(228,221,206)
```
#ebe6db
```
#ebe6db rgb(235,230,219)
```
#f2efe8
```
#f2efe8 rgb(242,239,232)
```
#f9f8f4
```
#f9f8f4 rgb(249,248,244)
```

Tint Color Variation

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

#21201d
```
#21201d rgb(33,32,29)
```
#23201b
```
#23201b rgb(35,32,27)
```
#262118
```
#262118 rgb(38,33,24)
```
#282216
```
#282216 rgb(40,34,22)
```
#2a2314
```
#2a2314 rgb(42,35,20)
```
#2d2411
```
#2d2411 rgb(45,36,17)
```
#2f240f
```
#2f240f rgb(47,36,15)
```
#32250c
```
#32250c rgb(50,37,12)
```
#34260a
```
#34260a rgb(52,38,10)
```
#362708
```
#362708 rgb(54,39,8)
```
#392805
```
#392805 rgb(57,40,5)
```
#3b2803
```
#3b2803 rgb(59,40,3)
```
#3d2901
```
#3d2901 rgb(61,41,1)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#232220 Atypical Achromatopsia 0.001% of the population

Dichromacy

#312e22 Protanopia 1% of men
#362c22 Deuteranopia 1% of men
#342b2e Tritanopia 0.001% of the population

Trichromacy

#2e291d Protanomaly 1% of men, 0.01% of women
#31281d Deuteranomaly 6% of men, 0.4% of women
#302825 Tritanomaly 0.01% of the population

#282216 hex color

#282216 Color Information

#282216 Color Conversion

Color Schemes with #282216

Alternatives to #282216

#282216 Preview

Shades and Tints of #282216

Tones of #282216

Color Blindness Simulator