#542170 hex color

In a RGB color space, hex #542170 is composed of 32.9% red, 12.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 70.5% magenta, 0% yellow and 56.1% black. It has a hue angle of 278.7 degrees, a saturation of 54.5% and a lightness of 28.4%. #542170 color hex could be obtained by blending #a842e0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 13
- B 44
RGB color chart
- C 25
- M 71
- Y 0
- K 56
CMYK color chart

● #542170 color description : Very dark violet.

The hexadecimal color #542170 has RGB values of R:84, G:33, B:112 and CMYK values of C:0.25, M:0.71, Y:0, K:0.56. Its decimal value is 5513584.

Hex triplet	542170	`#542170`
RGB Decimal	84, 33, 112	`rgb(84,33,112)`
RGB Percent	32.9, 12.9, 43.9	`rgb(32.9%,12.9%,43.9%)`
CMYK	25, 71, 0, 56
HSL	278.7°, 54.5, 28.4	`hsl(278.7,54.5%,28.4%)`
HSV (or HSB)	278.7°, 70.5, 43.9
Web Safe	663366	`#663366`

CIE-LAB	24.137, 37.81, -35.791
XYZ	7.124, 4.143, 15.753
xyY	0.264, 0.153, 4.143
CIE-LCH	24.137, 52.063, 316.572
CIE-LUV	24.137, 14.662, -46.555
Hunter-Lab	20.353, 26.862, -31.641
Binary	01010100, 00100001, 01110000

#542170
```
#542170 rgb(84,33,112)
```
#3d7021
```
#3d7021 rgb(61,112,33)
```

Complementary Color

#2d2170
```
#2d2170 rgb(45,33,112)
```
#542170
```
#542170 rgb(84,33,112)
```
#702165
```
#702165 rgb(112,33,101)
```

Analogous Color

#21702d
```
#21702d rgb(33,112,45)
```
#542170
```
#542170 rgb(84,33,112)
```
#657021
```
#657021 rgb(101,112,33)
```

Split Complementary Color

#217054
```
#217054 rgb(33,112,84)
```
#542170
```
#542170 rgb(84,33,112)
```
#705421
```
#705421 rgb(112,84,33)
```

Triadic Color

#213d70
```
#213d70 rgb(33,61,112)
```
#542170
```
#542170 rgb(84,33,112)
```
#705421
```
#705421 rgb(112,84,33)
```
#3d7021
```
#3d7021 rgb(61,112,33)
```

Tetradic Color

#281035
```
#281035 rgb(40,16,53)
```
#361549
```
#361549 rgb(54,21,73)
```
#451b5c
```
#451b5c rgb(69,27,92)
```
#542170
```
#542170 rgb(84,33,112)
```
#632784
```
#632784 rgb(99,39,132)
```
#722d97
```
#722d97 rgb(114,45,151)
```
#8032ab
```
#8032ab rgb(128,50,171)
```

Monochromatic Color

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

#402170
```
#402170 rgb(64,33,112)
```
#472170
```
#472170 rgb(71,33,112)
```
#4d2170
```
#4d2170 rgb(77,33,112)
```
#542170
```
#542170 rgb(84,33,112)
```
#5b2170
```
#5b2170 rgb(91,33,112)
```
#612170
```
#612170 rgb(97,33,112)
```
#682170
```
#682170 rgb(104,33,112)
```

Similar Colors

Text with hexadecimal color #542170

This text has a font color of #542170.

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

#542170 background color

This paragraph has a background color of #542170.

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

#542170 border color

This element has a border color of #542170.

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

CSS codes

.text {color:#542170;}

.background {background-color:#542170;}

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

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

#040206
```
#040206 rgb(4,2,6)
```
#100615
```
#100615 rgb(16,6,21)
```
#1b0b24
```
#1b0b24 rgb(27,11,36)
```
#270f33
```
#270f33 rgb(39,15,51)
```
#321443
```
#321443 rgb(50,20,67)
```
#3d1852
```
#3d1852 rgb(61,24,82)
```
#491d61
```
#491d61 rgb(73,29,97)
```
#542170
```
#542170 rgb(84,33,112)
```
#5f257f
```
#5f257f rgb(95,37,127)
```
#6b2a8e
```
#6b2a8e rgb(107,42,142)
```
#762e9d
```
#762e9d rgb(118,46,157)
```
#8133ad
```
#8133ad rgb(129,51,173)
```
#8d37bc
```
#8d37bc rgb(141,55,188)
```

Shade Color Variation

#9740c7
```
#9740c7 rgb(151,64,199)
```
#9f4fcb
```
#9f4fcb rgb(159,79,203)
```
#a75ed0
```
#a75ed0 rgb(167,94,208)
```
#b06dd4
```
#b06dd4 rgb(176,109,212)
```
#b87dd9
```
#b87dd9 rgb(184,125,217)
```
#c08cdd
```
#c08cdd rgb(192,140,221)
```
#c89be2
```
#c89be2 rgb(200,155,226)
```
#d1aae6
```
#d1aae6 rgb(209,170,230)
```
#d9b9ea
```
#d9b9ea rgb(217,185,234)
```
#e1c8ef
```
#e1c8ef rgb(225,200,239)
```
#e9d7f3
```
#e9d7f3 rgb(233,215,243)
```
#f2e7f8
```
#f2e7f8 rgb(242,231,248)
```
#faf6fc
```
#faf6fc rgb(250,246,252)
```

Tint Color Variation

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

#494849
```
#494849 rgb(73,72,73)
```
#4a424f
```
#4a424f rgb(74,66,79)
```
#4c3d54
```
#4c3d54 rgb(76,61,84)
```
#4e375a
```
#4e375a rgb(78,55,90)
```
#4f325f
```
#4f325f rgb(79,50,95)
```
#512c65
```
#512c65 rgb(81,44,101)
```
#52276a
```
#52276a rgb(82,39,106)
```
#542170
```
#542170 rgb(84,33,112)
```
#561b76
```
#561b76 rgb(86,27,118)
```
#57167b
```
#57167b rgb(87,22,123)
```
#591081
```
#591081 rgb(89,16,129)
```
#5a0b86
```
#5a0b86 rgb(90,11,134)
```
#5c058c
```
#5c058c rgb(92,5,140)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3e3444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004180 Protanopia 1% of men
#1b446f Deuteranopia 1% of men
#523e42 Tritanopia 0.001% of the population

Trichromacy

#1e357a Protanomaly 1% of men, 0.01% of women
#2f376f Deuteranomaly 6% of men, 0.4% of women
#533353 Tritanomaly 0.01% of the population

#542170 hex color

#542170 Color Information

#542170 Color Conversion

Color Schemes with #542170

Alternatives to #542170

#542170 Preview

Shades and Tints of #542170

Tones of #542170

Color Blindness Simulator