#542548 hex color

In a RGB color space, hex #542548 is composed of 32.9% red, 14.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56% magenta, 14.3% yellow and 67.1% black. It has a hue angle of 315.3 degrees, a saturation of 38.8% and a lightness of 23.7%. #542548 color hex could be obtained by blending #a84a90 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 33
- G 15
- B 28
RGB color chart
- C 0
- M 56
- Y 14
- K 67
CMYK color chart

● #542548 color description : Very dark desaturated pink.

The hexadecimal color #542548 has RGB values of R:84, G:37, B:72 and CMYK values of C:0, M:0.56, Y:0.14, K:0.67. Its decimal value is 5514568.

Hex triplet	542548	`#542548`
RGB Decimal	84, 37, 72	`rgb(84,37,72)`
RGB Percent	32.9, 14.5, 28.2	`rgb(32.9%,14.5%,28.2%)`
CMYK	0, 56, 14, 67
HSL	315.3°, 38.8, 23.7	`hsl(315.3,38.8%,23.7%)`
HSV (or HSB)	315.3°, 56, 32.9
Web Safe	663333	`#663333`

CIE-LAB	22.571, 26.994, -11.869
XYZ	5.487, 3.676, 6.551
xyY	0.349, 0.234, 3.676
CIE-LCH	22.571, 29.488, 336.266
CIE-LUV	22.571, 22.171, -16.498
Hunter-Lab	19.173, 17.533, -6.837
Binary	01010100, 00100101, 01001000

#542548
```
#542548 rgb(84,37,72)
```
#255431
```
#255431 rgb(37,84,49)
```

Complementary Color

#482554
```
#482554 rgb(72,37,84)
```
#542548
```
#542548 rgb(84,37,72)
```
#542531
```
#542531 rgb(84,37,49)
```

Analogous Color

#255448
```
#255448 rgb(37,84,72)
```
#542548
```
#542548 rgb(84,37,72)
```
#315425
```
#315425 rgb(49,84,37)
```

Split Complementary Color

#254854
```
#254854 rgb(37,72,84)
```
#542548
```
#542548 rgb(84,37,72)
```
#485425
```
#485425 rgb(72,84,37)
```

Triadic Color

#312554
```
#312554 rgb(49,37,84)
```
#542548
```
#542548 rgb(84,37,72)
```
#485425
```
#485425 rgb(72,84,37)
```
#255431
```
#255431 rgb(37,84,49)
```

Tetradic Color

#1f0e1a
```
#1f0e1a rgb(31,14,26)
```
#31152a
```
#31152a rgb(49,21,42)
```
#421d39
```
#421d39 rgb(66,29,57)
```
#542548
```
#542548 rgb(84,37,72)
```
#662d57
```
#662d57 rgb(102,45,87)
```
#773566
```
#773566 rgb(119,53,102)
```
#893c76
```
#893c76 rgb(137,60,118)
```

Monochromatic Color

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

#542554
```
#542554 rgb(84,37,84)
```
#542550
```
#542550 rgb(84,37,80)
```
#54254c
```
#54254c rgb(84,37,76)
```
#542548
```
#542548 rgb(84,37,72)
```
#542544
```
#542544 rgb(84,37,68)
```
#542540
```
#542540 rgb(84,37,64)
```
#54253c
```
#54253c rgb(84,37,60)
```

Similar Colors

Text with hexadecimal color #542548

This text has a font color of #542548.

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

#542548 background color

This paragraph has a background color of #542548.

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

#542548 border color

This element has a border color of #542548.

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

CSS codes

.text {color:#542548;}

.background {background-color:#542548;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#10070e
```
#10070e rgb(16,7,14)
```
#1e0d19
```
#1e0d19 rgb(30,13,25)
```
#2b1325
```
#2b1325 rgb(43,19,37)
```
#391931
```
#391931 rgb(57,25,49)
```
#461f3c
```
#461f3c rgb(70,31,60)
```
#542548
```
#542548 rgb(84,37,72)
```
#622b54
```
#622b54 rgb(98,43,84)
```
#6f315f
```
#6f315f rgb(111,49,95)
```
#7d376b
```
#7d376b rgb(125,55,107)
```
#8a3d77
```
#8a3d77 rgb(138,61,119)
```
#984382
```
#984382 rgb(152,67,130)
```
#a6498e
```
#a6498e rgb(166,73,142)
```

Shade Color Variation

#b25099
```
#b25099 rgb(178,80,153)
```
#b85ea1
```
#b85ea1 rgb(184,94,161)
```
#be6ca9
```
#be6ca9 rgb(190,108,169)
```
#c479b1
```
#c479b1 rgb(196,121,177)
```
#ca87b9
```
#ca87b9 rgb(202,135,185)
```
#d094c1
```
#d094c1 rgb(208,148,193)
```
#d6a2c9
```
#d6a2c9 rgb(214,162,201)
```
#dcb0d1
```
#dcb0d1 rgb(220,176,209)
```
#e2bdd9
```
#e2bdd9 rgb(226,189,217)
```
#e8cbe1
```
#e8cbe1 rgb(232,203,225)
```
#eed8e9
```
#eed8e9 rgb(238,216,233)
```
#f4e6f0
```
#f4e6f0 rgb(244,230,240)
```
#faf4f8
```
#faf4f8 rgb(250,244,248)
```

Tint Color Variation

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

#3d3c3d
```
#3d3c3d rgb(61,60,61)
```
#41383f
```
#41383f rgb(65,56,63)
```
#463341
```
#463341 rgb(70,51,65)
```
#4b2e43
```
#4b2e43 rgb(75,46,67)
```
#4f2a46
```
#4f2a46 rgb(79,42,70)
```
#542548
```
#542548 rgb(84,37,72)
```
#59204a
```
#59204a rgb(89,32,74)
```
#5d1c4d
```
#5d1c4d rgb(93,28,77)
```
#62174f
```
#62174f rgb(98,23,79)
```
#671251
```
#671251 rgb(103,18,81)
```
#6b0e53
```
#6b0e53 rgb(107,14,83)
```
#700956
```
#700956 rgb(112,9,86)
```
#750458
```
#750458 rgb(117,4,88)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3d333a Atypical Achromatopsia 0.001% of the population

Dichromacy

#363f5b Protanopia 1% of men
#3f3f4d Deuteranopia 1% of men
#5a3639 Tritanopia 0.001% of the population

Trichromacy

#413554 Protanomaly 1% of men, 0.01% of women
#46354b Deuteranomaly 6% of men, 0.4% of women
#572f3e Tritanomaly 0.01% of the population

#542548 hex color

#542548 Color Information

#542548 Color Conversion

Color Schemes with #542548

Alternatives to #542548

#542548 Preview

Shades and Tints of #542548

Tones of #542548

Color Blindness Simulator