#282214 hex color

In a RGB color space, hex #282214 is composed of 15.7% red, 13.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 50% yellow and 84.3% black. It has a hue angle of 42 degrees, a saturation of 33.3% and a lightness of 11.8%. #282214 color hex could be obtained by blending #504428 with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #282214 has RGB values of R:40, G:34, B:20 and CMYK values of C:0, M:0.15, Y:0.5, K:0.84. Its decimal value is 2630164.

Hex triplet	282214	`#282214`
RGB Decimal	40, 34, 20	`rgb(40,34,20)`
RGB Percent	15.7, 13.3, 7.8	`rgb(15.7%,13.3%,7.8%)`
CMYK	0, 15, 50, 84
HSL	42°, 33.3, 11.8	`hsl(42,33.3%,11.8%)`
HSV (or HSB)	42°, 50, 15.7
Web Safe	333300	`#333300`

CIE-LAB	13.506, 0.248, 10.462
XYZ	1.573, 1.646, 0.897
xyY	0.382, 0.4, 1.646
CIE-LCH	13.506, 10.465, 88.645
CIE-LUV	13.506, 3.434, 7.604
Hunter-Lab	12.829, -0.558, 4.836
Binary	00101000, 00100010, 00010100

#282214
```
#282214 rgb(40,34,20)
```
#141a28
```
#141a28 rgb(20,26,40)
```

Complementary Color

#281814
```
#281814 rgb(40,24,20)
```
#282214
```
#282214 rgb(40,34,20)
```
#242814
```
#242814 rgb(36,40,20)
```

Analogous Color

#181428
```
#181428 rgb(24,20,40)
```
#282214
```
#282214 rgb(40,34,20)
```
#142428
```
#142428 rgb(20,36,40)
```

Split Complementary Color

#221428
```
#221428 rgb(34,20,40)
```
#282214
```
#282214 rgb(40,34,20)
```
#142822
```
#142822 rgb(20,40,34)
```

Triadic Color

#28141a
```
#28141a rgb(40,20,26)
```
#282214
```
#282214 rgb(40,34,20)
```
#142822
```
#142822 rgb(20,40,34)
```
#141a28
```
#141a28 rgb(20,26,40)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#060503
```
#060503 rgb(6,5,3)
```
#17140c
```
#17140c rgb(23,20,12)
```
#282214
```
#282214 rgb(40,34,20)
```
#39301d
```
#39301d rgb(57,48,29)
```
#4a3f25
```
#4a3f25 rgb(74,63,37)
```
#5b4d2e
```
#5b4d2e rgb(91,77,46)
```

Monochromatic Color

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

#281d14
```
#281d14 rgb(40,29,20)
```
#281f14
```
#281f14 rgb(40,31,20)
```
#282014
```
#282014 rgb(40,32,20)
```
#282214
```
#282214 rgb(40,34,20)
```
#282414
```
#282414 rgb(40,36,20)
```
#282514
```
#282514 rgb(40,37,20)
```
#282714
```
#282714 rgb(40,39,20)
```

Similar Colors

Text with hexadecimal color #282214

This text has a font color of #282214.

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

#282214 background color

This paragraph has a background color of #282214.

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

#282214 border color

This element has a border color of #282214.

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

CSS codes

.text {color:#282214;}

.background {background-color:#282214;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0c07
```
#0e0c07 rgb(14,12,7)
```
#1b170d
```
#1b170d rgb(27,23,13)
```
#282214
```
#282214 rgb(40,34,20)
```
#352d1b
```
#352d1b rgb(53,45,27)
```
#423821
```
#423821 rgb(66,56,33)
```
#4f4328
```
#4f4328 rgb(79,67,40)
```
#5c4e2e
```
#5c4e2e rgb(92,78,46)
```
#695a35
```
#695a35 rgb(105,90,53)
```
#76653b
```
#76653b rgb(118,101,59)
```
#847042
```
#847042 rgb(132,112,66)
```
#917b48
```
#917b48 rgb(145,123,72)
```
#9e864f
```
#9e864f rgb(158,134,79)
```

Shade Color Variation

#aa9156
```
#aa9156 rgb(170,145,86)
```
#b19a63
```
#b19a63 rgb(177,154,99)
```
#b7a270
```
#b7a270 rgb(183,162,112)
```
#beab7d
```
#beab7d rgb(190,171,125)
```
#c5b38a
```
#c5b38a rgb(197,179,138)
```
#cbbc97
```
#cbbc97 rgb(203,188,151)
```
#d2c4a4
```
#d2c4a4 rgb(210,196,164)
```
#d8cdb1
```
#d8cdb1 rgb(216,205,177)
```
#dfd5be
```
#dfd5be rgb(223,213,190)
```
#e5decb
```
#e5decb rgb(229,222,203)
```
#ece6d9
```
#ece6d9 rgb(236,230,217)
```
#f2efe6
```
#f2efe6 rgb(242,239,230)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

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

#1f1e1d
```
#1f1e1d rgb(31,30,29)
```
#211f1b
```
#211f1b rgb(33,31,27)
```
#232019
```
#232019 rgb(35,32,25)
```
#262116
```
#262116 rgb(38,33,22)
```
#282214
```
#282214 rgb(40,34,20)
```
#2a2312
```
#2a2312 rgb(42,35,18)
```
#2d240f
```
#2d240f rgb(45,36,15)
```
#2f250d
```
#2f250d rgb(47,37,13)
```
#31260b
```
#31260b rgb(49,38,11)
```
#342708
```
#342708 rgb(52,39,8)
```
#362806
```
#362806 rgb(54,40,6)
```
#382804
```
#382804 rgb(56,40,4)
```
#3a2902
```
#3a2902 rgb(58,41,2)
```

Tone Color Variation

Below, you can see how #282214 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
#23221f Atypical Achromatopsia 0.001% of the population

Dichromacy

#312e20 Protanopia 1% of men
#362c20 Deuteranopia 1% of men
#342b2e Tritanopia 0.001% of the population

Trichromacy

#2e291b Protanomaly 1% of men, 0.01% of women
#31281c Deuteranomaly 6% of men, 0.4% of women
#302824 Tritanomaly 0.01% of the population

#282214 hex color

#282214 Color Information

#282214 Color Conversion

Color Schemes with #282214

Alternatives to #282214

#282214 Preview

Shades and Tints of #282214

Tones of #282214

Color Blindness Simulator