#542778 hex color

In a RGB color space, hex #542778 is composed of 32.9% red, 15.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 67.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 273.3 degrees, a saturation of 50.9% and a lightness of 31.2%. #542778 color hex could be obtained by blending #a84ef0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 15
- B 47
RGB color chart
- C 30
- M 68
- Y 0
- K 53
CMYK color chart

● #542778 color description : Dark moderate violet.

The hexadecimal color #542778 has RGB values of R:84, G:39, B:120 and CMYK values of C:0.3, M:0.68, Y:0, K:0.53. Its decimal value is 5515128.

Hex triplet	542778	`#542778`
RGB Decimal	84, 39, 120	`rgb(84,39,120)`
RGB Percent	32.9, 15.3, 47.1	`rgb(32.9%,15.3%,47.1%)`
CMYK	30, 68, 0, 53
HSL	273.3°, 50.9, 31.2	`hsl(273.3,50.9%,31.2%)`
HSV (or HSB)	273.3°, 67.5, 47.1
Web Safe	663366	`#663366`

CIE-LAB	25.839, 36.675, -38.165
XYZ	7.771, 4.692, 18.265
xyY	0.253, 0.153, 4.692
CIE-LCH	25.839, 52.93, 313.859
CIE-LUV	25.839, 12.086, -50.62
Hunter-Lab	21.661, 26.133, -34.83
Binary	01010100, 00100111, 01111000

#542778
```
#542778 rgb(84,39,120)
```
#4b7827
```
#4b7827 rgb(75,120,39)
```

Complementary Color

#2c2778
```
#2c2778 rgb(44,39,120)
```
#542778
```
#542778 rgb(84,39,120)
```
#782774
```
#782774 rgb(120,39,116)
```

Analogous Color

#27782c
```
#27782c rgb(39,120,44)
```
#542778
```
#542778 rgb(84,39,120)
```
#747827
```
#747827 rgb(116,120,39)
```

Split Complementary Color

#277854
```
#277854 rgb(39,120,84)
```
#542778
```
#542778 rgb(84,39,120)
```
#785427
```
#785427 rgb(120,84,39)
```

Triadic Color

#274b78
```
#274b78 rgb(39,75,120)
```
#542778
```
#542778 rgb(84,39,120)
```
#785427
```
#785427 rgb(120,84,39)
```
#4b7827
```
#4b7827 rgb(75,120,39)
```

Tetradic Color

#2c143e
```
#2c143e rgb(44,20,62)
```
#391a52
```
#391a52 rgb(57,26,82)
```
#472165
```
#472165 rgb(71,33,101)
```
#542778
```
#542778 rgb(84,39,120)
```
#612d8b
```
#612d8b rgb(97,45,139)
```
#6f349e
```
#6f349e rgb(111,52,158)
```
#7c3ab2
```
#7c3ab2 rgb(124,58,178)
```

Monochromatic Color

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

#402778
```
#402778 rgb(64,39,120)
```
#472778
```
#472778 rgb(71,39,120)
```
#4d2778
```
#4d2778 rgb(77,39,120)
```
#542778
```
#542778 rgb(84,39,120)
```
#5b2778
```
#5b2778 rgb(91,39,120)
```
#622778
```
#622778 rgb(98,39,120)
```
#682778
```
#682778 rgb(104,39,120)
```

Similar Colors

Text with hexadecimal color #542778

This text has a font color of #542778.

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

#542778 background color

This paragraph has a background color of #542778.

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

#542778 border color

This element has a border color of #542778.

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

CSS codes

.text {color:#542778;}

.background {background-color:#542778;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b0510
```
#0b0510 rgb(11,5,16)
```
#160a1f
```
#160a1f rgb(22,10,31)
```
#200f2e
```
#200f2e rgb(32,15,46)
```
#2b143d
```
#2b143d rgb(43,20,61)
```
#35194c
```
#35194c rgb(53,25,76)
```
#3f1d5a
```
#3f1d5a rgb(63,29,90)
```
#4a2269
```
#4a2269 rgb(74,34,105)
```
#542778
```
#542778 rgb(84,39,120)
```
#5e2c87
```
#5e2c87 rgb(94,44,135)
```
#693196
```
#693196 rgb(105,49,150)
```
#7335a4
```
#7335a4 rgb(115,53,164)
```
#7d3ab3
```
#7d3ab3 rgb(125,58,179)
```

Shade Color Variation

#8840c1
```
#8840c1 rgb(136,64,193)
```
#914fc6
```
#914fc6 rgb(145,79,198)
```
#9a5ecb
```
#9a5ecb rgb(154,94,203)
```
#a36dcf
```
#a36dcf rgb(163,109,207)
```
#ad7bd4
```
#ad7bd4 rgb(173,123,212)
```
#b68ad9
```
#b68ad9 rgb(182,138,217)
```
#bf99de
```
#bf99de rgb(191,153,222)
```
#c8a8e3
```
#c8a8e3 rgb(200,168,227)
```
#d2b7e7
```
#d2b7e7 rgb(210,183,231)
```
#dbc5ec
```
#dbc5ec rgb(219,197,236)
```
#e4d4f1
```
#e4d4f1 rgb(228,212,241)
```
#ede3f6
```
#ede3f6 rgb(237,227,246)
```
#f7f2fb
```
#f7f2fb rgb(247,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #504c53 is the less saturated color, while #58029d is the most saturated one.

#504c53
```
#504c53 rgb(80,76,83)
```
#514659
```
#514659 rgb(81,70,89)
```
#513f60
```
#513f60 rgb(81,63,96)
```
#523966
```
#523966 rgb(82,57,102)
```
#53336c
```
#53336c rgb(83,51,108)
```
#532d72
```
#532d72 rgb(83,45,114)
```
#542778
```
#542778 rgb(84,39,120)
```
#55217e
```
#55217e rgb(85,33,126)
```
#551b84
```
#551b84 rgb(85,27,132)
```
#56158a
```
#56158a rgb(86,21,138)
```
#570f90
```
#570f90 rgb(87,15,144)
```
#570897
```
#570897 rgb(87,8,151)
```
#58029d
```
#58029d rgb(88,2,157)
```

Tone Color Variation

Below, you can see how #542778 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
#42394a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#144877 Deuteranopia 1% of men
#514348 Tritanopia 0.001% of the population

Trichromacy

#1e3a81 Protanomaly 1% of men, 0.01% of women
#2b3c77 Deuteranomaly 6% of men, 0.4% of women
#523959 Tritanomaly 0.01% of the population

#542778 hex color

#542778 Color Information

#542778 Color Conversion

Color Schemes with #542778

Alternatives to #542778

#542778 Preview

Shades and Tints of #542778

Tones of #542778

Color Blindness Simulator