#542ae2 hex color

In a RGB color space, hex #542ae2 is composed of 32.9% red, 16.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 81.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 253.7 degrees, a saturation of 76% and a lightness of 52.5%. #542ae2 color hex could be obtained by blending #a854ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 16
- B 89
RGB color chart
- C 63
- M 81
- Y 0
- K 11
CMYK color chart

● #542ae2 color description : Bright blue.

The hexadecimal color #542ae2 has RGB values of R:84, G:42, B:226 and CMYK values of C:0.63, M:0.81, Y:0, K:0.11. Its decimal value is 5516002.

Hex triplet	542ae2	`#542ae2`
RGB Decimal	84, 42, 226	`rgb(84,42,226)`
RGB Percent	32.9, 16.5, 88.6	`rgb(32.9%,16.5%,88.6%)`
CMYK	63, 81, 0, 11
HSL	253.7°, 76, 52.5	`hsl(253.7,76%,52.5%)`
HSV (or HSB)	253.7°, 81.4, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.044, 63.911, -85.099
XYZ	18.209, 9.031, 72.731
xyY	0.182, 0.09, 9.031
CIE-LCH	36.044, 106.426, 306.907
CIE-LUV	36.044, -0.925, -117.033
Hunter-Lab	30.052, 55.567, -122.457
Binary	01010100, 00101010, 11100010

#542ae2
```
#542ae2 rgb(84,42,226)
```
#b8e22a
```
#b8e22a rgb(184,226,42)
```

Complementary Color

#2a5ce2
```
#2a5ce2 rgb(42,92,226)
```
#542ae2
```
#542ae2 rgb(84,42,226)
```
#b02ae2
```
#b02ae2 rgb(176,42,226)
```

Analogous Color

#5ce22a
```
#5ce22a rgb(92,226,42)
```
#542ae2
```
#542ae2 rgb(84,42,226)
```
#e2b02a
```
#e2b02a rgb(226,176,42)
```

Split Complementary Color

#2ae254
```
#2ae254 rgb(42,226,84)
```
#542ae2
```
#542ae2 rgb(84,42,226)
```
#e2542a
```
#e2542a rgb(226,84,42)
```

Triadic Color

#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#542ae2
```
#542ae2 rgb(84,42,226)
```
#e2542a
```
#e2542a rgb(226,84,42)
```
#b8e22a
```
#b8e22a rgb(184,226,42)
```

Tetradic Color

#3817a9
```
#3817a9 rgb(56,23,169)
```
#401abf
```
#401abf rgb(64,26,191)
```
#471dd5
```
#471dd5 rgb(71,29,213)
```
#542ae2
```
#542ae2 rgb(84,42,226)
```
#6640e5
```
#6640e5 rgb(102,64,229)
```
#7857e8
```
#7857e8 rgb(120,87,232)
```
#8a6deb
```
#8a6deb rgb(138,109,235)
```

Monochromatic Color

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

#2a2ee2
```
#2a2ee2 rgb(42,46,226)
```
#352ae2
```
#352ae2 rgb(53,42,226)
```
#452ae2
```
#452ae2 rgb(69,42,226)
```
#542ae2
```
#542ae2 rgb(84,42,226)
```
#632ae2
```
#632ae2 rgb(99,42,226)
```
#732ae2
```
#732ae2 rgb(115,42,226)
```
#822ae2
```
#822ae2 rgb(130,42,226)
```

Similar Colors

Text with hexadecimal color #542ae2

This text has a font color of #542ae2.

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

#542ae2 background color

This paragraph has a background color of #542ae2.

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

#542ae2 border color

This element has a border color of #542ae2.

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

CSS codes

.text {color:#542ae2;}

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

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

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

#04020b
```
#04020b rgb(4,2,11)
```
#0a041d
```
#0a041d rgb(10,4,29)
```
#0f062e
```
#0f062e rgb(15,6,46)
```
#15093f
```
#15093f rgb(21,9,63)
```
#1b0b51
```
#1b0b51 rgb(27,11,81)
```
#210d62
```
#210d62 rgb(33,13,98)
```
#261073
```
#261073 rgb(38,16,115)
```
#2c1284
```
#2c1284 rgb(44,18,132)
```
#321496
```
#321496 rgb(50,20,150)
```
#3817a7
```
#3817a7 rgb(56,23,167)
```
#3d19b8
```
#3d19b8 rgb(61,25,184)
```
#431bc9
```
#431bc9 rgb(67,27,201)
```
#491edb
```
#491edb rgb(73,30,219)
```

Shade Color Variation

#542ae2
```
#542ae2 rgb(84,42,226)
```
#623be4
```
#623be4 rgb(98,59,228)
```
#704de7
```
#704de7 rgb(112,77,231)
```
#7e5ee9
```
#7e5ee9 rgb(126,94,233)
```
#8b6feb
```
#8b6feb rgb(139,111,235)
```
#9980ee
```
#9980ee rgb(153,128,238)
```
#a792f0
```
#a792f0 rgb(167,146,240)
```
#b5a3f2
```
#b5a3f2 rgb(181,163,242)
```
#c3b4f5
```
#c3b4f5 rgb(195,180,245)
```
#d1c5f7
```
#d1c5f7 rgb(209,197,247)
```
#dfd7fa
```
#dfd7fa rgb(223,215,250)
```
#ece8fc
```
#ece8fc rgb(236,232,252)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827e8e is the less saturated color, while #450efe is the most saturated one.

#827e8e
```
#827e8e rgb(130,126,142)
```
#7c7498
```
#7c7498 rgb(124,116,152)
```
#776ba1
```
#776ba1 rgb(119,107,161)
```
#7262aa
```
#7262aa rgb(114,98,170)
```
#6d59b3
```
#6d59b3 rgb(109,89,179)
```
#684fbd
```
#684fbd rgb(104,79,189)
```
#6346c6
```
#6346c6 rgb(99,70,198)
```
#5e3dcf
```
#5e3dcf rgb(94,61,207)
```
#5933d9
```
#5933d9 rgb(89,51,217)
```
#542ae2
```
#542ae2 rgb(84,42,226)
```
#4f21eb
```
#4f21eb rgb(79,33,235)
```
#4a17f5
```
#4a17f5 rgb(74,23,245)
```
#450efe
```
#450efe rgb(69,14,254)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4e456a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#1e49c2 Protanomaly 1% of men, 0.01% of women
#1e4cb3 Deuteranomaly 6% of men, 0.4% of women
#1e5097 Tritanomaly 0.01% of the population

#542ae2 hex color

#542ae2 Color Information

#542ae2 Color Conversion

Color Schemes with #542ae2

Alternatives to #542ae2

#542ae2 Preview

Shades and Tints of #542ae2

Tones of #542ae2

Color Blindness Simulator