#542318 hex color

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

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

● #542318 color description : Very dark red.

The hexadecimal color #542318 has RGB values of R:84, G:35, B:24 and CMYK values of C:0, M:0.58, Y:0.71, K:0.67. Its decimal value is 5514008.

Hex triplet	542318	`#542318`
RGB Decimal	84, 35, 24	`rgb(84,35,24)`
RGB Percent	32.9, 13.7, 9.4	`rgb(32.9%,13.7%,9.4%)`
CMYK	0, 58, 71, 67
HSL	11°, 55.6, 21.2	`hsl(11,55.6%,21.2%)`
HSV (or HSB)	11°, 71.4, 32.9
Web Safe	663300	`#663300`

CIE-LAB	20.647, 21.87, 18.19
XYZ	4.422, 3.153, 1.24
xyY	0.502, 0.358, 3.153
CIE-LCH	20.647, 28.446, 39.751
CIE-LUV	20.647, 32.537, 11.689
Hunter-Lab	17.757, 13.377, 8.29
Binary	01010100, 00100011, 00011000

#542318
```
#542318 rgb(84,35,24)
```
#184954
```
#184954 rgb(24,73,84)
```

Complementary Color

#54182b
```
#54182b rgb(84,24,43)
```
#542318
```
#542318 rgb(84,35,24)
```
#544118
```
#544118 rgb(84,65,24)
```

Analogous Color

#182b54
```
#182b54 rgb(24,43,84)
```
#542318
```
#542318 rgb(84,35,24)
```
#185441
```
#185441 rgb(24,84,65)
```

Split Complementary Color

#231854
```
#231854 rgb(35,24,84)
```
#542318
```
#542318 rgb(84,35,24)
```
#185423
```
#185423 rgb(24,84,35)
```

Triadic Color

#541849
```
#541849 rgb(84,24,73)
```
#542318
```
#542318 rgb(84,35,24)
```
#185423
```
#185423 rgb(24,84,35)
```
#184954
```
#184954 rgb(24,73,84)
```

Tetradic Color

#190a07
```
#190a07 rgb(25,10,7)
```
#2c120d
```
#2c120d rgb(44,18,13)
```
#401b12
```
#401b12 rgb(64,27,18)
```
#542318
```
#542318 rgb(84,35,24)
```
#682b1e
```
#682b1e rgb(104,43,30)
```
#7c3423
```
#7c3423 rgb(124,52,35)
```
#903c29
```
#903c29 rgb(144,60,41)
```

Monochromatic Color

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

#54181c
```
#54181c rgb(84,24,28)
```
#541918
```
#541918 rgb(84,25,24)
```
#541e18
```
#541e18 rgb(84,30,24)
```
#542318
```
#542318 rgb(84,35,24)
```
#542818
```
#542818 rgb(84,40,24)
```
#542d18
```
#542d18 rgb(84,45,24)
```
#543218
```
#543218 rgb(84,50,24)
```

Similar Colors

Text with hexadecimal color #542318

This text has a font color of #542318.

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

#542318 background color

This paragraph has a background color of #542318.

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

#542318 border color

This element has a border color of #542318.

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

CSS codes

.text {color:#542318;}

.background {background-color:#542318;}

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

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)
```
#170a07
```
#170a07 rgb(23,10,7)
```
#26100b
```
#26100b rgb(38,16,11)
```
#35160f
```
#35160f rgb(53,22,15)
```
#451d14
```
#451d14 rgb(69,29,20)
```
#542318
```
#542318 rgb(84,35,24)
```
#63291c
```
#63291c rgb(99,41,28)
```
#733021
```
#733021 rgb(115,48,33)
```
#823625
```
#823625 rgb(130,54,37)
```
#913c29
```
#913c29 rgb(145,60,41)
```
#a0432e
```
#a0432e rgb(160,67,46)
```
#b04932
```
#b04932 rgb(176,73,50)
```
#bf4f37
```
#bf4f37 rgb(191,79,55)
```

Shade Color Variation

#c95940
```
#c95940 rgb(201,89,64)
```
#cd6750
```
#cd6750 rgb(205,103,80)
```
#d1745f
```
#d1745f rgb(209,116,95)
```
#d6816e
```
#d6816e rgb(214,129,110)
```
#da8e7d
```
#da8e7d rgb(218,142,125)
```
#de9c8d
```
#de9c8d rgb(222,156,141)
```
#e3a99c
```
#e3a99c rgb(227,169,156)
```
#e7b6ab
```
#e7b6ab rgb(231,182,171)
```
#ebc3ba
```
#ebc3ba rgb(235,195,186)
```
#f0d1ca
```
#f0d1ca rgb(240,209,202)
```
#f4ded9
```
#f4ded9 rgb(244,222,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 #691603 is the most saturated one.

#373535
```
#373535 rgb(55,53,53)
```
#3b3331
```
#3b3331 rgb(59,51,49)
```
#3f302d
```
#3f302d rgb(63,48,45)
```
#432e29
```
#432e29 rgb(67,46,41)
```
#482b24
```
#482b24 rgb(72,43,36)
```
#4c2820
```
#4c2820 rgb(76,40,32)
```
#50261c
```
#50261c rgb(80,38,28)
```
#542318
```
#542318 rgb(84,35,24)
```
#582014
```
#582014 rgb(88,32,20)
```
#5c1e10
```
#5c1e10 rgb(92,30,16)
```
#601b0c
```
#601b0c rgb(96,27,12)
```
#651807
```
#651807 rgb(101,24,7)
```
#691603
```
#691603 rgb(105,22,3)
```

Tone Color Variation

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

#413c28 Protanopia 1% of men
#493921 Deuteranopia 1% of men
#5d2c2f Tritanopia 0.001% of the population

Trichromacy

#483322 Protanomaly 1% of men, 0.01% of women
#4d311d Deuteranomaly 6% of men, 0.4% of women
#5a2927 Tritanomaly 0.01% of the population

#542318 hex color

#542318 Color Information

#542318 Color Conversion

Color Schemes with #542318

Alternatives to #542318

#542318 Preview

Shades and Tints of #542318

Tones of #542318

Color Blindness Simulator