#542caa hex color

In a RGB color space, hex #542caa is composed of 32.9% red, 17.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 74.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 259 degrees, a saturation of 58.9% and a lightness of 42%. #542caa color hex could be obtained by blending #a858ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 17
- B 67
RGB color chart
- C 51
- M 74
- Y 0
- K 33
CMYK color chart

● #542caa color description : Dark violet.

The hexadecimal color #542caa has RGB values of R:84, G:44, B:170 and CMYK values of C:0.51, M:0.74, Y:0, K:0.33. Its decimal value is 5516458.

Hex triplet	542caa	`#542caa`
RGB Decimal	84, 44, 170	`rgb(84,44,170)`
RGB Percent	32.9, 17.3, 66.7	`rgb(32.9%,17.3%,66.7%)`
CMYK	51, 74, 0, 33
HSL	259°, 58.9, 42	`hsl(259,58.9%,42%)`
HSV (or HSB)	259°, 74.1, 66.7
Web Safe	663399	`#663399`

CIE-LAB	30.851, 47.568, -60.866
XYZ	11.811, 6.588, 38.677
xyY	0.207, 0.115, 6.588
CIE-LCH	30.851, 77.249, 308.008
CIE-LUV	30.851, 4.249, -82.916
Hunter-Lab	25.668, 37.22, -71.374
Binary	01010100, 00101100, 10101010

#542caa
```
#542caa rgb(84,44,170)
```
#82aa2c
```
#82aa2c rgb(130,170,44)
```

Complementary Color

#2c43aa
```
#2c43aa rgb(44,67,170)
```
#542caa
```
#542caa rgb(84,44,170)
```
#932caa
```
#932caa rgb(147,44,170)
```

Analogous Color

#43aa2c
```
#43aa2c rgb(67,170,44)
```
#542caa
```
#542caa rgb(84,44,170)
```
#aa932c
```
#aa932c rgb(170,147,44)
```

Split Complementary Color

#2caa54
```
#2caa54 rgb(44,170,84)
```
#542caa
```
#542caa rgb(84,44,170)
```
#aa542c
```
#aa542c rgb(170,84,44)
```

Triadic Color

#2c82aa
```
#2c82aa rgb(44,130,170)
```
#542caa
```
#542caa rgb(84,44,170)
```
#aa542c
```
#aa542c rgb(170,84,44)
```
#82aa2c
```
#82aa2c rgb(130,170,44)
```

Tetradic Color

#361c6d
```
#361c6d rgb(54,28,109)
```
#402281
```
#402281 rgb(64,34,129)
```
#4a2796
```
#4a2796 rgb(74,39,150)
```
#542caa
```
#542caa rgb(84,44,170)
```
#5e31be
```
#5e31be rgb(94,49,190)
```
#6a3ccd
```
#6a3ccd rgb(106,60,205)
```
#7a51d2
```
#7a51d2 rgb(122,81,210)
```

Monochromatic Color

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

#352caa
```
#352caa rgb(53,44,170)
```
#3f2caa
```
#3f2caa rgb(63,44,170)
```
#4a2caa
```
#4a2caa rgb(74,44,170)
```
#542caa
```
#542caa rgb(84,44,170)
```
#5f2caa
```
#5f2caa rgb(95,44,170)
```
#692caa
```
#692caa rgb(105,44,170)
```
#742caa
```
#742caa rgb(116,44,170)
```

Similar Colors

Text with hexadecimal color #542caa

This text has a font color of #542caa.

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

#542caa background color

This paragraph has a background color of #542caa.

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

#542caa border color

This element has a border color of #542caa.

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

CSS codes

.text {color:#542caa;}

.background {background-color:#542caa;}

.border {border:1px solid #542caa;}

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, #07040e is the darkest color, while #fefeff is the lightest one.

#07040e
```
#07040e rgb(7,4,14)
```
#0f081e
```
#0f081e rgb(15,8,30)
```
#160c2d
```
#160c2d rgb(22,12,45)
```
#1e103d
```
#1e103d rgb(30,16,61)
```
#26144d
```
#26144d rgb(38,20,77)
```
#2e185c
```
#2e185c rgb(46,24,92)
```
#351c6c
```
#351c6c rgb(53,28,108)
```
#3d207b
```
#3d207b rgb(61,32,123)
```
#45248b
```
#45248b rgb(69,36,139)
```
#4c289a
```
#4c289a rgb(76,40,154)
```
#542caa
```
#542caa rgb(84,44,170)
```
#5c30ba
```
#5c30ba rgb(92,48,186)
```
#6334c9
```
#6334c9 rgb(99,52,201)
```

Shade Color Variation

#6f43ce
```
#6f43ce rgb(111,67,206)
```
#7b52d2
```
#7b52d2 rgb(123,82,210)
```
#8762d6
```
#8762d6 rgb(135,98,214)
```
#9371da
```
#9371da rgb(147,113,218)
```
#9f81de
```
#9f81de rgb(159,129,222)
```
#ab91e2
```
#ab91e2 rgb(171,145,226)
```
#b6a0e6
```
#b6a0e6 rgb(182,160,230)
```
#c2b0ea
```
#c2b0ea rgb(194,176,234)
```
#cebfef
```
#cebfef rgb(206,191,239)
```
#dacff3
```
#dacff3 rgb(218,207,243)
```
#e6def7
```
#e6def7 rgb(230,222,247)
```
#f2eefb
```
#f2eefb rgb(242,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#696670
```
#696670 rgb(105,102,112)
```
#665d79
```
#665d79 rgb(102,93,121)
```
#635581
```
#635581 rgb(99,85,129)
```
#604d89
```
#604d89 rgb(96,77,137)
```
#5d4591
```
#5d4591 rgb(93,69,145)
```
#5a3c9a
```
#5a3c9a rgb(90,60,154)
```
#5734a2
```
#5734a2 rgb(87,52,162)
```
#542caa
```
#542caa rgb(84,44,170)
```
#5124b2
```
#5124b2 rgb(81,36,178)
```
#4e1cba
```
#4e1cba rgb(78,28,186)
```
#4b13c3
```
#4b13c3 rgb(75,19,195)
```
#480bcb
```
#480bcb rgb(72,11,203)
```
#4503d3
```
#4503d3 rgb(69,3,211)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#49415a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005487 Deuteranopia 1% of men
#3d555c Tritanopia 0.001% of the population

Trichromacy

#1e42a0 Protanomaly 1% of men, 0.01% of women
#1e4594 Deuteranomaly 6% of men, 0.4% of women
#454678 Tritanomaly 0.01% of the population

#542caa hex color

#542caa Color Information

#542caa Color Conversion

Color Schemes with #542caa

Alternatives to #542caa

#542caa Preview

Shades and Tints of #542caa

Tones of #542caa

Color Blindness Simulator