#542ae0 hex color

In a RGB color space, hex #542ae0 is composed of 32.9% red, 16.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 81.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 253.8 degrees, a saturation of 74.6% and a lightness of 52.2%. #542ae0 color hex could be obtained by blending #a854ff with #0000c1. Closest websafe color is: #6633cc.

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

● #542ae0 color description : Bright blue.

The hexadecimal color #542ae0 has RGB values of R:84, G:42, B:224 and CMYK values of C:0.63, M:0.81, Y:0, K:0.12. Its decimal value is 5516000.

Hex triplet	542ae0	`#542ae0`
RGB Decimal	84, 42, 224	`rgb(84,42,224)`
RGB Percent	32.9, 16.5, 87.8	`rgb(32.9%,16.5%,87.8%)`
CMYK	63, 81, 0, 12
HSL	253.8°, 74.6, 52.2	`hsl(253.8,74.6%,52.2%)`
HSV (or HSB)	253.8°, 81.3, 87.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.833, 63.372, -84.303
XYZ	17.936, 8.922, 71.294
xyY	0.183, 0.091, 8.922
CIE-LCH	35.833, 105.466, 306.933
CIE-LUV	35.833, -0.758, -115.869
Hunter-Lab	29.87, 54.915, -120.607
Binary	01010100, 00101010, 11100000

#542ae0
```
#542ae0 rgb(84,42,224)
```
#b6e02a
```
#b6e02a rgb(182,224,42)
```

Complementary Color

#2a5be0
```
#2a5be0 rgb(42,91,224)
```
#542ae0
```
#542ae0 rgb(84,42,224)
```
#af2ae0
```
#af2ae0 rgb(175,42,224)
```

Analogous Color

#5be02a
```
#5be02a rgb(91,224,42)
```
#542ae0
```
#542ae0 rgb(84,42,224)
```
#e0af2a
```
#e0af2a rgb(224,175,42)
```

Split Complementary Color

#2ae054
```
#2ae054 rgb(42,224,84)
```
#542ae0
```
#542ae0 rgb(84,42,224)
```
#e0542a
```
#e0542a rgb(224,84,42)
```

Triadic Color

#2ab6e0
```
#2ab6e0 rgb(42,182,224)
```
#542ae0
```
#542ae0 rgb(84,42,224)
```
#e0542a
```
#e0542a rgb(224,84,42)
```
#b6e02a
```
#b6e02a rgb(182,224,42)
```

Tetradic Color

#3918a5
```
#3918a5 rgb(57,24,165)
```
#401bbc
```
#401bbc rgb(64,27,188)
```
#481fd2
```
#481fd2 rgb(72,31,210)
```
#542ae0
```
#542ae0 rgb(84,42,224)
```
#6640e3
```
#6640e3 rgb(102,64,227)
```
#7857e6
```
#7857e6 rgb(120,87,230)
```
#8a6dea
```
#8a6dea rgb(138,109,234)
```

Monochromatic Color

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

#2a2de0
```
#2a2de0 rgb(42,45,224)
```
#362ae0
```
#362ae0 rgb(54,42,224)
```
#452ae0
```
#452ae0 rgb(69,42,224)
```
#542ae0
```
#542ae0 rgb(84,42,224)
```
#632ae0
```
#632ae0 rgb(99,42,224)
```
#722ae0
```
#722ae0 rgb(114,42,224)
```
#822ae0
```
#822ae0 rgb(130,42,224)
```

Similar Colors

Text with hexadecimal color #542ae0

This text has a font color of #542ae0.

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

#542ae0 background color

This paragraph has a background color of #542ae0.

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

#542ae0 border color

This element has a border color of #542ae0.

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

CSS codes

.text {color:#542ae0;}

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

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

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

#03010a
```
#03010a rgb(3,1,10)
```
#09041b
```
#09041b rgb(9,4,27)
```
#0f062c
```
#0f062c rgb(15,6,44)
```
#15093d
```
#15093d rgb(21,9,61)
```
#1b0b4e
```
#1b0b4e rgb(27,11,78)
```
#210e5f
```
#210e5f rgb(33,14,95)
```
#271070
```
#271070 rgb(39,16,112)
```
#2c1381
```
#2c1381 rgb(44,19,129)
```
#321593
```
#321593 rgb(50,21,147)
```
#3818a4
```
#3818a4 rgb(56,24,164)
```
#3e1ab5
```
#3e1ab5 rgb(62,26,181)
```
#441dc6
```
#441dc6 rgb(68,29,198)
```
#4a1fd7
```
#4a1fd7 rgb(74,31,215)
```

Shade Color Variation

#542ae0
```
#542ae0 rgb(84,42,224)
```
#623be2
```
#623be2 rgb(98,59,226)
```
#6f4ce5
```
#6f4ce5 rgb(111,76,229)
```
#7d5de7
```
#7d5de7 rgb(125,93,231)
```
#8b6eea
```
#8b6eea rgb(139,110,234)
```
#9980ec
```
#9980ec rgb(153,128,236)
```
#a691ef
```
#a691ef rgb(166,145,239)
```
#b4a2f1
```
#b4a2f1 rgb(180,162,241)
```
#c2b3f4
```
#c2b3f4 rgb(194,179,244)
```
#d0c4f6
```
#d0c4f6 rgb(208,196,246)
```
#ddd5f9
```
#ddd5f9 rgb(221,213,249)
```
#ebe6fb
```
#ebe6fb rgb(235,230,251)
```
#f9f7fe
```
#f9f7fe rgb(249,247,254)
```

Tint Color Variation

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

#817e8c
```
#817e8c rgb(129,126,140)
```
#7c7595
```
#7c7595 rgb(124,117,149)
```
#776c9e
```
#776c9e rgb(119,108,158)
```
#7262a8
```
#7262a8 rgb(114,98,168)
```
#6d59b1
```
#6d59b1 rgb(109,89,177)
```
#6850ba
```
#6850ba rgb(104,80,186)
```
#6346c4
```
#6346c4 rgb(99,70,196)
```
#5e3dcd
```
#5e3dcd rgb(94,61,205)
```
#5933d7
```
#5933d7 rgb(89,51,215)
```
#542ae0
```
#542ae0 rgb(84,42,224)
```
#4f21e9
```
#4f21e9 rgb(79,33,233)
```
#4a17f3
```
#4a17f3 rgb(74,23,243)
```
#450efc
```
#450efc rgb(69,14,252)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d4469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1e48c1 Protanomaly 1% of men, 0.01% of women
#1e4cb2 Deuteranomaly 6% of men, 0.4% of women
#1e5096 Tritanomaly 0.01% of the population

#542ae0 hex color

#542ae0 Color Information

#542ae0 Color Conversion

Color Schemes with #542ae0

Alternatives to #542ae0

#542ae0 Preview

Shades and Tints of #542ae0

Tones of #542ae0

Color Blindness Simulator