#542584 hex color

In a RGB color space, hex #542584 is composed of 32.9% red, 14.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 72% magenta, 0% yellow and 48.2% black. It has a hue angle of 269.7 degrees, a saturation of 56.2% and a lightness of 33.1%. #542584 color hex could be obtained by blending #a84aff with #000009. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 15
- B 52
RGB color chart
- C 36
- M 72
- Y 0
- K 48
CMYK color chart

● #542584 color description : Dark violet.

The hexadecimal color #542584 has RGB values of R:84, G:37, B:132 and CMYK values of C:0.36, M:0.72, Y:0, K:0.48. Its decimal value is 5514628.

Hex triplet	542584	`#542584`
RGB Decimal	84, 37, 132	`rgb(84,37,132)`
RGB Percent	32.9, 14.5, 51.8	`rgb(32.9%,14.5%,51.8%)`
CMYK	36, 72, 0, 48
HSL	269.7°, 56.2, 33.1	`hsl(269.7,56.2%,33.1%)`
HSV (or HSB)	269.7°, 72, 51.8
Web Safe	663399	`#663399`

CIE-LAB	26.373, 40.796, -44.874
XYZ	8.482, 4.874, 22.322
xyY	0.238, 0.137, 4.874
CIE-LCH	26.373, 60.646, 312.275
CIE-LUV	26.373, 10.47, -59.333
Hunter-Lab	22.077, 29.944, -44.495
Binary	01010100, 00100101, 10000100

#542584
```
#542584 rgb(84,37,132)
```
#558425
```
#558425 rgb(85,132,37)
```

Complementary Color

#252684
```
#252684 rgb(37,38,132)
```
#542584
```
#542584 rgb(84,37,132)
```
#842584
```
#842584 rgb(132,37,132)
```

Analogous Color

#268425
```
#268425 rgb(38,132,37)
```
#542584
```
#542584 rgb(84,37,132)
```
#848425
```
#848425 rgb(132,132,37)
```

Split Complementary Color

#258454
```
#258454 rgb(37,132,84)
```
#542584
```
#542584 rgb(84,37,132)
```
#845425
```
#845425 rgb(132,84,37)
```

Triadic Color

#255584
```
#255584 rgb(37,85,132)
```
#542584
```
#542584 rgb(84,37,132)
```
#845425
```
#845425 rgb(132,84,37)
```
#558425
```
#558425 rgb(85,132,37)
```

Tetradic Color

#2e1448
```
#2e1448 rgb(46,20,72)
```
#3b1a5c
```
#3b1a5c rgb(59,26,92)
```
#471f70
```
#471f70 rgb(71,31,112)
```
#542584
```
#542584 rgb(84,37,132)
```
#612b98
```
#612b98 rgb(97,43,152)
```
#6d30ac
```
#6d30ac rgb(109,48,172)
```
#7a36c0
```
#7a36c0 rgb(122,54,192)
```

Monochromatic Color

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

#3c2584
```
#3c2584 rgb(60,37,132)
```
#442584
```
#442584 rgb(68,37,132)
```
#4c2584
```
#4c2584 rgb(76,37,132)
```
#542584
```
#542584 rgb(84,37,132)
```
#5c2584
```
#5c2584 rgb(92,37,132)
```
#642584
```
#642584 rgb(100,37,132)
```
#6c2584
```
#6c2584 rgb(108,37,132)
```

Similar Colors

Text with hexadecimal color #542584

This text has a font color of #542584.

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

#542584 background color

This paragraph has a background color of #542584.

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

#542584 border color

This element has a border color of #542584.

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

CSS codes

.text {color:#542584;}

.background {background-color:#542584;}

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

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

#060309
```
#060309 rgb(6,3,9)
```
#100719
```
#100719 rgb(16,7,25)
```
#1a0b28
```
#1a0b28 rgb(26,11,40)
```
#231037
```
#231037 rgb(35,16,55)
```
#2d1447
```
#2d1447 rgb(45,20,71)
```
#371856
```
#371856 rgb(55,24,86)
```
#411c65
```
#411c65 rgb(65,28,101)
```
#4a2175
```
#4a2175 rgb(74,33,117)
```
#542584
```
#542584 rgb(84,37,132)
```
#5e2993
```
#5e2993 rgb(94,41,147)
```
#672ea3
```
#672ea3 rgb(103,46,163)
```
#7132b2
```
#7132b2 rgb(113,50,178)
```
#7b36c1
```
#7b36c1 rgb(123,54,193)
```

Shade Color Variation

#8541ca
```
#8541ca rgb(133,65,202)
```
#8f51ce
```
#8f51ce rgb(143,81,206)
```
#9960d2
```
#9960d2 rgb(153,96,210)
```
#a26fd7
```
#a26fd7 rgb(162,111,215)
```
#ac7fdb
```
#ac7fdb rgb(172,127,219)
```
#b68edf
```
#b68edf rgb(182,142,223)
```
#c09de4
```
#c09de4 rgb(192,157,228)
```
#caade8
```
#caade8 rgb(202,173,232)
```
#d4bcec
```
#d4bcec rgb(212,188,236)
```
#decbf0
```
#decbf0 rgb(222,203,240)
```
#e7daf5
```
#e7daf5 rgb(231,218,245)
```
#f1eaf9
```
#f1eaf9 rgb(241,234,249)
```
#fbf9fd
```
#fbf9fd rgb(251,249,253)
```

Tint Color Variation

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

#545357
```
#545357 rgb(84,83,87)
```
#544c5d
```
#544c5d rgb(84,76,93)
```
#544664
```
#544664 rgb(84,70,100)
```
#543f6a
```
#543f6a rgb(84,63,106)
```
#543971
```
#543971 rgb(84,57,113)
```
#543277
```
#543277 rgb(84,50,119)
```
#542c7e
```
#542c7e rgb(84,44,126)
```
#542584
```
#542584 rgb(84,37,132)
```
#541f8b
```
#541f8b rgb(84,31,139)
```
#541891
```
#541891 rgb(84,24,145)
```
#541298
```
#541298 rgb(84,18,152)
```
#540b9e
```
#540b9e rgb(84,11,158)
```
#5405a5
```
#5405a5 rgb(84,5,165)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#42394c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004979 Deuteranopia 1% of men
#4d464b Tritanopia 0.001% of the population

Trichromacy

#1e3a87 Protanomaly 1% of men, 0.01% of women
#1e3c7d Deuteranomaly 6% of men, 0.4% of women
#4f3a60 Tritanomaly 0.01% of the population

#542584 hex color

#542584 Color Information

#542584 Color Conversion

Color Schemes with #542584

Alternatives to #542584

#542584 Preview

Shades and Tints of #542584

Tones of #542584

Color Blindness Simulator