#542aa8 hex color

In a RGB color space, hex #542aa8 is composed of 32.9% red, 16.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 75% magenta, 0% yellow and 34.1% black. It has a hue angle of 260 degrees, a saturation of 60% and a lightness of 41.2%. #542aa8 color hex could be obtained by blending #a854ff with #000051. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 16
- B 66
RGB color chart
- C 50
- M 75
- Y 0
- K 34
CMYK color chart

● #542aa8 color description : Dark violet.

The hexadecimal color #542aa8 has RGB values of R:84, G:42, B:168 and CMYK values of C:0.5, M:0.75, Y:0, K:0.34. Its decimal value is 5515944.

Hex triplet	542aa8	`#542aa8`
RGB Decimal	84, 42, 168	`rgb(84,42,168)`
RGB Percent	32.9, 16.5, 65.9	`rgb(32.9%,16.5%,65.9%)`
CMYK	50, 75, 0, 34
HSL	260°, 60, 41.2	`hsl(260,60%,41.2%)`
HSV (or HSB)	260°, 75, 65.9
Web Safe	663399	`#663399`

CIE-LAB	30.322, 47.999, -60.53
XYZ	11.551, 6.368, 37.664
xyY	0.208, 0.115, 6.368
CIE-LCH	30.322, 77.252, 308.414
CIE-LUV	30.322, 4.777, -81.954
Hunter-Lab	25.234, 37.546, -70.831
Binary	01010100, 00101010, 10101000

#542aa8
```
#542aa8 rgb(84,42,168)
```
#7ea82a
```
#7ea82a rgb(126,168,42)
```

Complementary Color

#2a3fa8
```
#2a3fa8 rgb(42,63,168)
```
#542aa8
```
#542aa8 rgb(84,42,168)
```
#932aa8
```
#932aa8 rgb(147,42,168)
```

Analogous Color

#3fa82a
```
#3fa82a rgb(63,168,42)
```
#542aa8
```
#542aa8 rgb(84,42,168)
```
#a8932a
```
#a8932a rgb(168,147,42)
```

Split Complementary Color

#2aa854
```
#2aa854 rgb(42,168,84)
```
#542aa8
```
#542aa8 rgb(84,42,168)
```
#a8542a
```
#a8542a rgb(168,84,42)
```

Triadic Color

#2a7ea8
```
#2a7ea8 rgb(42,126,168)
```
#542aa8
```
#542aa8 rgb(84,42,168)
```
#a8542a
```
#a8542a rgb(168,84,42)
```
#7ea82a
```
#7ea82a rgb(126,168,42)
```

Tetradic Color

#351b6b
```
#351b6b rgb(53,27,107)
```
#40207f
```
#40207f rgb(64,32,127)
```
#4a2594
```
#4a2594 rgb(74,37,148)
```
#542aa8
```
#542aa8 rgb(84,42,168)
```
#5e2fbc
```
#5e2fbc rgb(94,47,188)
```
#6a38cd
```
#6a38cd rgb(106,56,205)
```
#794cd2
```
#794cd2 rgb(121,76,210)
```

Monochromatic Color

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

#342aa8
```
#342aa8 rgb(52,42,168)
```
#3f2aa8
```
#3f2aa8 rgb(63,42,168)
```
#492aa8
```
#492aa8 rgb(73,42,168)
```
#542aa8
```
#542aa8 rgb(84,42,168)
```
#5e2aa8
```
#5e2aa8 rgb(94,42,168)
```
#692aa8
```
#692aa8 rgb(105,42,168)
```
#742aa8
```
#742aa8 rgb(116,42,168)
```

Similar Colors

Text with hexadecimal color #542aa8

This text has a font color of #542aa8.

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

#542aa8 background color

This paragraph has a background color of #542aa8.

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

#542aa8 border color

This element has a border color of #542aa8.

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

CSS codes

.text {color:#542aa8;}

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

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

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

#06030b
```
#06030b rgb(6,3,11)
```
#0d071b
```
#0d071b rgb(13,7,27)
```
#150b2a
```
#150b2a rgb(21,11,42)
```
#1d0f3a
```
#1d0f3a rgb(29,15,58)
```
#25124a
```
#25124a rgb(37,18,74)
```
#2d165a
```
#2d165a rgb(45,22,90)
```
#351a69
```
#351a69 rgb(53,26,105)
```
#3c1e79
```
#3c1e79 rgb(60,30,121)
```
#442289
```
#442289 rgb(68,34,137)
```
#4c2698
```
#4c2698 rgb(76,38,152)
```
#542aa8
```
#542aa8 rgb(84,42,168)
```
#5c2eb8
```
#5c2eb8 rgb(92,46,184)
```
#6432c7
```
#6432c7 rgb(100,50,199)
```

Shade Color Variation

#6e3ecf
```
#6e3ecf rgb(110,62,207)
```
#7a4ed3
```
#7a4ed3 rgb(122,78,211)
```
#865dd7
```
#865dd7 rgb(134,93,215)
```
#926ddb
```
#926ddb rgb(146,109,219)
```
#9d7dde
```
#9d7dde rgb(157,125,222)
```
#a98de2
```
#a98de2 rgb(169,141,226)
```
#b59ce6
```
#b59ce6 rgb(181,156,230)
```
#c1acea
```
#c1acea rgb(193,172,234)
```
#ccbcee
```
#ccbcee rgb(204,188,238)
```
#d8cbf2
```
#d8cbf2 rgb(216,203,242)
```
#e4dbf6
```
#e4dbf6 rgb(228,219,246)
```
#f0ebfa
```
#f0ebfa rgb(240,235,250)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67636f is the less saturated color, while #4702d0 is the most saturated one.

#67636f
```
#67636f rgb(103,99,111)
```
#645a78
```
#645a78 rgb(100,90,120)
```
#615280
```
#615280 rgb(97,82,128)
```
#5f4a88
```
#5f4a88 rgb(95,74,136)
```
#5c4290
```
#5c4290 rgb(92,66,144)
```
#593a98
```
#593a98 rgb(89,58,152)
```
#5732a0
```
#5732a0 rgb(87,50,160)
```
#542aa8
```
#542aa8 rgb(84,42,168)
```
#5122b0
```
#5122b0 rgb(81,34,176)
```
#4f1ab8
```
#4f1ab8 rgb(79,26,184)
```
#4c12c0
```
#4c12c0 rgb(76,18,192)
```
#490ac8
```
#490ac8 rgb(73,10,200)
```
#4702d0
```
#4702d0 rgb(71,2,208)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#484059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005285 Deuteranopia 1% of men
#3e545a Tritanopia 0.001% of the population

Trichromacy

#1e419e Protanomaly 1% of men, 0.01% of women
#1e4492 Deuteranomaly 6% of men, 0.4% of women
#464476 Tritanomaly 0.01% of the population

#542aa8 hex color

#542aa8 Color Information

#542aa8 Color Conversion

Color Schemes with #542aa8

Alternatives to #542aa8

#542aa8 Preview

Shades and Tints of #542aa8

Tones of #542aa8

Color Blindness Simulator