#542684 hex color

In a RGB color space, hex #542684 is composed of 32.9% red, 14.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 71.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 269.4 degrees, a saturation of 55.3% and a lightness of 33.3%. #542684 color hex could be obtained by blending #a84cff with #000009. Closest websafe color is: #663399.

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

● #542684 color description : Dark violet.

The hexadecimal color #542684 has RGB values of R:84, G:38, B:132 and CMYK values of C:0.36, M:0.71, Y:0, K:0.48. Its decimal value is 5514884.

Hex triplet	542684	`#542684`
RGB Decimal	84, 38, 132	`rgb(84,38,132)`
RGB Percent	32.9, 14.9, 51.8	`rgb(32.9%,14.9%,51.8%)`
CMYK	36, 71, 0, 48
HSL	269.4°, 55.3, 33.3	`hsl(269.4,55.3%,33.3%)`
HSV (or HSB)	269.4°, 71.2, 51.8
Web Safe	663399	`#663399`

CIE-LAB	26.555, 40.288, -44.578
XYZ	8.513, 4.937, 22.333
xyY	0.238, 0.138, 4.937
CIE-LCH	26.555, 60.086, 312.106
CIE-LUV	26.555, 10.301, -59.12
Hunter-Lab	22.22, 29.509, -44.039
Binary	01010100, 00100110, 10000100

#542684
```
#542684 rgb(84,38,132)
```
#568426
```
#568426 rgb(86,132,38)
```

Complementary Color

#262784
```
#262784 rgb(38,39,132)
```
#542684
```
#542684 rgb(84,38,132)
```
#832684
```
#832684 rgb(131,38,132)
```

Analogous Color

#278426
```
#278426 rgb(39,132,38)
```
#542684
```
#542684 rgb(84,38,132)
```
#848326
```
#848326 rgb(132,131,38)
```

Split Complementary Color

#268454
```
#268454 rgb(38,132,84)
```
#542684
```
#542684 rgb(84,38,132)
```
#845426
```
#845426 rgb(132,84,38)
```

Triadic Color

#265684
```
#265684 rgb(38,86,132)
```
#542684
```
#542684 rgb(84,38,132)
```
#845426
```
#845426 rgb(132,84,38)
```
#568426
```
#568426 rgb(86,132,38)
```

Tetradic Color

#2e1549
```
#2e1549 rgb(46,21,73)
```
#3b1b5c
```
#3b1b5c rgb(59,27,92)
```
#472070
```
#472070 rgb(71,32,112)
```
#542684
```
#542684 rgb(84,38,132)
```
#612c98
```
#612c98 rgb(97,44,152)
```
#6d31ac
```
#6d31ac rgb(109,49,172)
```
#7a37bf
```
#7a37bf rgb(122,55,191)
```

Monochromatic Color

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

#3d2684
```
#3d2684 rgb(61,38,132)
```
#442684
```
#442684 rgb(68,38,132)
```
#4c2684
```
#4c2684 rgb(76,38,132)
```
#542684
```
#542684 rgb(84,38,132)
```
#5c2684
```
#5c2684 rgb(92,38,132)
```
#642684
```
#642684 rgb(100,38,132)
```
#6c2684
```
#6c2684 rgb(108,38,132)
```

Similar Colors

Text with hexadecimal color #542684

This text has a font color of #542684.

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

#542684 background color

This paragraph has a background color of #542684.

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

#542684 border color

This element has a border color of #542684.

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

CSS codes

.text {color:#542684;}

.background {background-color:#542684;}

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

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, #06030a is the darkest color, while #fcfafe is the lightest one.

#06030a
```
#06030a rgb(6,3,10)
```
#100719
```
#100719 rgb(16,7,25)
```
#1a0c29
```
#1a0c29 rgb(26,12,41)
```
#241038
```
#241038 rgb(36,16,56)
```
#2d1447
```
#2d1447 rgb(45,20,71)
```
#371956
```
#371956 rgb(55,25,86)
```
#411d66
```
#411d66 rgb(65,29,102)
```
#4a2275
```
#4a2275 rgb(74,34,117)
```
#542684
```
#542684 rgb(84,38,132)
```
#5e2a93
```
#5e2a93 rgb(94,42,147)
```
#672fa2
```
#672fa2 rgb(103,47,162)
```
#7133b2
```
#7133b2 rgb(113,51,178)
```
#7b38c1
```
#7b38c1 rgb(123,56,193)
```

Shade Color Variation

#8543c9
```
#8543c9 rgb(133,67,201)
```
#8f52cd
```
#8f52cd rgb(143,82,205)
```
#9862d2
```
#9862d2 rgb(152,98,210)
```
#a271d6
```
#a271d6 rgb(162,113,214)
```
#ac80da
```
#ac80da rgb(172,128,218)
```
#b68fdf
```
#b68fdf rgb(182,143,223)
```
#c09fe3
```
#c09fe3 rgb(192,159,227)
```
#caaee8
```
#caaee8 rgb(202,174,232)
```
#d4bdec
```
#d4bdec rgb(212,189,236)
```
#deccf0
```
#deccf0 rgb(222,204,240)
```
#e8dbf5
```
#e8dbf5 rgb(232,219,245)
```
#f2ebf9
```
#f2ebf9 rgb(242,235,249)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#555456
```
#555456 rgb(85,84,86)
```
#554d5d
```
#554d5d rgb(85,77,93)
```
#554763
```
#554763 rgb(85,71,99)
```
#55406a
```
#55406a rgb(85,64,106)
```
#543a70
```
#543a70 rgb(84,58,112)
```
#543377
```
#543377 rgb(84,51,119)
```
#542d7d
```
#542d7d rgb(84,45,125)
```
#542684
```
#542684 rgb(84,38,132)
```
#541f8b
```
#541f8b rgb(84,31,139)
```
#541991
```
#541991 rgb(84,25,145)
```
#541298
```
#541298 rgb(84,18,152)
```
#530c9e
```
#530c9e rgb(83,12,158)
```
#5305a5
```
#5305a5 rgb(83,5,165)
```

Tone Color Variation

Below, you can see how #542684 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
#004a7a Deuteranopia 1% of men
#4d464b Tritanopia 0.001% of the population

Trichromacy

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

#542684 hex color

#542684 Color Information

#542684 Color Conversion

Color Schemes with #542684

Alternatives to #542684

#542684 Preview

Shades and Tints of #542684

Tones of #542684

Color Blindness Simulator