#542257 hex color

In a RGB color space, hex #542257 is composed of 32.9% red, 13.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 3.4% cyan, 60.9% magenta, 0% yellow and 65.9% black. It has a hue angle of 296.6 degrees, a saturation of 43.8% and a lightness of 23.7%. #542257 color hex could be obtained by blending #a844ae with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 13
- B 34
RGB color chart
- C 3
- M 61
- Y 0
- K 66
CMYK color chart

● #542257 color description : Very dark magenta.

The hexadecimal color #542257 has RGB values of R:84, G:34, B:87 and CMYK values of C:0.03, M:0.61, Y:0, K:0.66. Its decimal value is 5513815.

Hex triplet	542257	`#542257`
RGB Decimal	84, 34, 87	`rgb(84,34,87)`
RGB Percent	32.9, 13.3, 34.1	`rgb(32.9%,13.3%,34.1%)`
CMYK	3, 61, 0, 66
HSL	296.6°, 43.8, 23.7	`hsl(296.6,43.8%,23.7%)`
HSV (or HSB)	296.6°, 60.9, 34.1
Web Safe	663366	`#663366`

CIE-LAB	22.714, 31.643, -21.709
XYZ	5.948, 3.717, 9.42
xyY	0.312, 0.195, 3.717
CIE-LCH	22.714, 38.374, 325.547
CIE-LUV	22.714, 19.672, -28.489
Hunter-Lab	19.28, 21.33, -15.473
Binary	01010100, 00100010, 01010111

#542257
```
#542257 rgb(84,34,87)
```
#255722
```
#255722 rgb(37,87,34)
```

Complementary Color

#3a2257
```
#3a2257 rgb(58,34,87)
```
#542257
```
#542257 rgb(84,34,87)
```
#572240
```
#572240 rgb(87,34,64)
```

Analogous Color

#22573a
```
#22573a rgb(34,87,58)
```
#542257
```
#542257 rgb(84,34,87)
```
#405722
```
#405722 rgb(64,87,34)
```

Split Complementary Color

#225754
```
#225754 rgb(34,87,84)
```
#542257
```
#542257 rgb(84,34,87)
```
#575422
```
#575422 rgb(87,84,34)
```

Triadic Color

#222557
```
#222557 rgb(34,37,87)
```
#542257
```
#542257 rgb(84,34,87)
```
#575422
```
#575422 rgb(87,84,34)
```
#255722
```
#255722 rgb(37,87,34)
```

Tetradic Color

#1f0d20
```
#1f0d20 rgb(31,13,32)
```
#311432
```
#311432 rgb(49,20,50)
```
#421b45
```
#421b45 rgb(66,27,69)
```
#542257
```
#542257 rgb(84,34,87)
```
#662969
```
#662969 rgb(102,41,105)
```
#77307c
```
#77307c rgb(119,48,124)
```
#89378e
```
#89378e rgb(137,55,142)
```

Monochromatic Color

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

#472257
```
#472257 rgb(71,34,87)
```
#4b2257
```
#4b2257 rgb(75,34,87)
```
#502257
```
#502257 rgb(80,34,87)
```
#542257
```
#542257 rgb(84,34,87)
```
#572256
```
#572256 rgb(87,34,86)
```
#572251
```
#572251 rgb(87,34,81)
```
#57224d
```
#57224d rgb(87,34,77)
```

Similar Colors

Text with hexadecimal color #542257

This text has a font color of #542257.

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

#542257 background color

This paragraph has a background color of #542257.

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

#542257 border color

This element has a border color of #542257.

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

CSS codes

.text {color:#542257;}

.background {background-color:#542257;}

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

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 #faf3fa is the lightest one.

#020102
```
#020102 rgb(2,1,2)
```
#100610
```
#100610 rgb(16,6,16)
```
#1e0c1f
```
#1e0c1f rgb(30,12,31)
```
#2b112d
```
#2b112d rgb(43,17,45)
```
#39173b
```
#39173b rgb(57,23,59)
```
#461c49
```
#461c49 rgb(70,28,73)
```
#542257
```
#542257 rgb(84,34,87)
```
#622865
```
#622865 rgb(98,40,101)
```
#6f2d73
```
#6f2d73 rgb(111,45,115)
```
#7d3381
```
#7d3381 rgb(125,51,129)
```
#8a388f
```
#8a388f rgb(138,56,143)
```
#983e9e
```
#983e9e rgb(152,62,158)
```
#a643ac
```
#a643ac rgb(166,67,172)
```

Shade Color Variation

#b24ab8
```
#b24ab8 rgb(178,74,184)
```
#b858be
```
#b858be rgb(184,88,190)
```
#be66c3
```
#be66c3 rgb(190,102,195)
```
#c474c9
```
#c474c9 rgb(196,116,201)
```
#ca82ce
```
#ca82ce rgb(202,130,206)
```
#d091d4
```
#d091d4 rgb(208,145,212)
```
#d69fd9
```
#d69fd9 rgb(214,159,217)
```
#dcaddf
```
#dcaddf rgb(220,173,223)
```
#e2bbe4
```
#e2bbe4 rgb(226,187,228)
```
#e8c9ea
```
#e8c9ea rgb(232,201,234)
```
#eed7ef
```
#eed7ef rgb(238,215,239)
```
#f4e5f5
```
#f4e5f5 rgb(244,229,245)
```
#faf3fa
```
#faf3fa rgb(250,243,250)
```

Tint Color Variation

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

#3f3940
```
#3f3940 rgb(63,57,64)
```
#433544
```
#433544 rgb(67,53,68)
```
#483049
```
#483049 rgb(72,48,73)
```
#4c2b4e
```
#4c2b4e rgb(76,43,78)
```
#502752
```
#502752 rgb(80,39,82)
```
#542257
```
#542257 rgb(84,34,87)
```
#581d5c
```
#581d5c rgb(88,29,92)
```
#5c1960
```
#5c1960 rgb(92,25,96)
```
#601465
```
#601465 rgb(96,20,101)
```
#650f6a
```
#650f6a rgb(101,15,106)
```
#690b6e
```
#690b6e rgb(105,11,110)
```
#6d0673
```
#6d0673 rgb(109,6,115)
```
#710178
```
#710178 rgb(113,1,120)
```

Tone Color Variation

Below, you can see how #542257 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
#3d333d Atypical Achromatopsia 0.001% of the population

Dichromacy

#283f6d Protanopia 1% of men
#35405a Deuteranopia 1% of men
#57373b Tritanopia 0.001% of the population

Trichromacy

#383465 Protanomaly 1% of men, 0.01% of women
#403559 Deuteranomaly 6% of men, 0.4% of women
#562f45 Tritanomaly 0.01% of the population

#542257 hex color

#542257 Color Information

#542257 Color Conversion

Color Schemes with #542257

Alternatives to #542257

#542257 Preview

Shades and Tints of #542257

Tones of #542257

Color Blindness Simulator