#542218 hex color

In a RGB color space, hex #542218 is composed of 32.9% red, 13.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.5% magenta, 71.4% yellow and 67.1% black. It has a hue angle of 10 degrees, a saturation of 55.6% and a lightness of 21.2%. #542218 color hex could be obtained by blending #a84430 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 33
- G 13
- B 9
RGB color chart
- C 0
- M 60
- Y 71
- K 67
CMYK color chart

● #542218 color description : Very dark red.

The hexadecimal color #542218 has RGB values of R:84, G:34, B:24 and CMYK values of C:0, M:0.6, Y:0.71, K:0.67. Its decimal value is 5513752.

Hex triplet	542218	`#542218`
RGB Decimal	84, 34, 24	`rgb(84,34,24)`
RGB Percent	32.9, 13.3, 9.4	`rgb(32.9%,13.3%,9.4%)`
CMYK	0, 60, 71, 67
HSL	10°, 55.6, 21.2	`hsl(10,55.6%,21.2%)`
HSV (or HSB)	10°, 71.4, 32.9
Web Safe	663300	`#663300`

CIE-LAB	20.421, 22.451, 17.917
XYZ	4.393, 3.095, 1.23
xyY	0.504, 0.355, 3.095
CIE-LCH	20.421, 28.724, 38.592
CIE-LUV	20.421, 33.058, 11.333
Hunter-Lab	17.593, 13.785, 8.169
Binary	01010100, 00100010, 00011000

#542218
```
#542218 rgb(84,34,24)
```
#184a54
```
#184a54 rgb(24,74,84)
```

Complementary Color

#54182c
```
#54182c rgb(84,24,44)
```
#542218
```
#542218 rgb(84,34,24)
```
#544018
```
#544018 rgb(84,64,24)
```

Analogous Color

#182c54
```
#182c54 rgb(24,44,84)
```
#542218
```
#542218 rgb(84,34,24)
```
#185440
```
#185440 rgb(24,84,64)
```

Split Complementary Color

#221854
```
#221854 rgb(34,24,84)
```
#542218
```
#542218 rgb(84,34,24)
```
#185422
```
#185422 rgb(24,84,34)
```

Triadic Color

#54184a
```
#54184a rgb(84,24,74)
```
#542218
```
#542218 rgb(84,34,24)
```
#185422
```
#185422 rgb(24,84,34)
```
#184a54
```
#184a54 rgb(24,74,84)
```

Tetradic Color

#190a07
```
#190a07 rgb(25,10,7)
```
#2c120d
```
#2c120d rgb(44,18,13)
```
#401a12
```
#401a12 rgb(64,26,18)
```
#542218
```
#542218 rgb(84,34,24)
```
#682a1e
```
#682a1e rgb(104,42,30)
```
#7c3223
```
#7c3223 rgb(124,50,35)
```
#903a29
```
#903a29 rgb(144,58,41)
```

Monochromatic Color

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

#54181d
```
#54181d rgb(84,24,29)
```
#541818
```
#541818 rgb(84,24,24)
```
#541d18
```
#541d18 rgb(84,29,24)
```
#542218
```
#542218 rgb(84,34,24)
```
#542718
```
#542718 rgb(84,39,24)
```
#542c18
```
#542c18 rgb(84,44,24)
```
#543118
```
#543118 rgb(84,49,24)
```

Similar Colors

Text with hexadecimal color #542218

This text has a font color of #542218.

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

#542218 background color

This paragraph has a background color of #542218.

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

#542218 border color

This element has a border color of #542218.

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

CSS codes

.text {color:#542218;}

.background {background-color:#542218;}

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

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

#080302
```
#080302 rgb(8,3,2)
```
#170907
```
#170907 rgb(23,9,7)
```
#260f0b
```
#260f0b rgb(38,15,11)
```
#35160f
```
#35160f rgb(53,22,15)
```
#451c14
```
#451c14 rgb(69,28,20)
```
#542218
```
#542218 rgb(84,34,24)
```
#63281c
```
#63281c rgb(99,40,28)
```
#732e21
```
#732e21 rgb(115,46,33)
```
#823525
```
#823525 rgb(130,53,37)
```
#913b29
```
#913b29 rgb(145,59,41)
```
#a0412e
```
#a0412e rgb(160,65,46)
```
#b04732
```
#b04732 rgb(176,71,50)
```
#bf4d37
```
#bf4d37 rgb(191,77,55)
```

Shade Color Variation

#c95740
```
#c95740 rgb(201,87,64)
```
#cd6550
```
#cd6550 rgb(205,101,80)
```
#d1725f
```
#d1725f rgb(209,114,95)
```
#d67f6e
```
#d67f6e rgb(214,127,110)
```
#da8d7d
```
#da8d7d rgb(218,141,125)
```
#de9a8d
```
#de9a8d rgb(222,154,141)
```
#e3a89c
```
#e3a89c rgb(227,168,156)
```
#e7b5ab
```
#e7b5ab rgb(231,181,171)
```
#ebc3ba
```
#ebc3ba rgb(235,195,186)
```
#f0d0ca
```
#f0d0ca rgb(240,208,202)
```
#f4ddd9
```
#f4ddd9 rgb(244,221,217)
```
#f8ebe8
```
#f8ebe8 rgb(248,235,232)
```
#fdf8f7
```
#fdf8f7 rgb(253,248,247)
```

Tint Color Variation

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

#373535
```
#373535 rgb(55,53,53)
```
#3b3331
```
#3b3331 rgb(59,51,49)
```
#3f302d
```
#3f302d rgb(63,48,45)
```
#432d29
```
#432d29 rgb(67,45,41)
```
#482a24
```
#482a24 rgb(72,42,36)
```
#4c2820
```
#4c2820 rgb(76,40,32)
```
#50251c
```
#50251c rgb(80,37,28)
```
#542218
```
#542218 rgb(84,34,24)
```
#581f14
```
#581f14 rgb(88,31,20)
```
#5c1c10
```
#5c1c10 rgb(92,28,16)
```
#601a0c
```
#601a0c rgb(96,26,12)
```
#651707
```
#651707 rgb(101,23,7)
```
#691403
```
#691403 rgb(105,20,3)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#372d2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#403b29 Protanopia 1% of men
#483921 Deuteranopia 1% of men
#5d2c2e Tritanopia 0.001% of the population

Trichromacy

#473222 Protanomaly 1% of men, 0.01% of women
#4c301d Deuteranomaly 6% of men, 0.4% of women
#5a2826 Tritanomaly 0.01% of the population

#542218 hex color

#542218 Color Information

#542218 Color Conversion

Color Schemes with #542218

Alternatives to #542218

#542218 Preview

Shades and Tints of #542218

Tones of #542218

Color Blindness Simulator