#542de2 hex color

In a RGB color space, hex #542de2 is composed of 32.9% red, 17.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 80.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 252.9 degrees, a saturation of 75.7% and a lightness of 53.1%. #542de2 color hex could be obtained by blending #a85aff with #0000c5. Closest websafe color is: #6633cc.

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

● #542de2 color description : Bright blue.

The hexadecimal color #542de2 has RGB values of R:84, G:45, B:226 and CMYK values of C:0.63, M:0.8, Y:0, K:0.11. Its decimal value is 5516770.

Hex triplet	542de2	`#542de2`
RGB Decimal	84, 45, 226	`rgb(84,45,226)`
RGB Percent	32.9, 17.6, 88.6	`rgb(32.9%,17.6%,88.6%)`
CMYK	63, 80, 0, 11
HSL	252.9°, 75.7, 53.1	`hsl(252.9,75.7%,53.1%)`
HSV (or HSB)	252.9°, 80.1, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.465, 62.679, -84.403
XYZ	18.319, 9.252, 72.768
xyY	0.183, 0.092, 9.252
CIE-LCH	36.465, 105.131, 306.598
CIE-LUV	36.465, -1.252, -116.865
Hunter-Lab	30.417, 54.277, -120.55
Binary	01010100, 00101101, 11100010

#542de2
```
#542de2 rgb(84,45,226)
```
#bbe22d
```
#bbe22d rgb(187,226,45)
```

Complementary Color

#2d61e2
```
#2d61e2 rgb(45,97,226)
```
#542de2
```
#542de2 rgb(84,45,226)
```
#af2de2
```
#af2de2 rgb(175,45,226)
```

Analogous Color

#61e22d
```
#61e22d rgb(97,226,45)
```
#542de2
```
#542de2 rgb(84,45,226)
```
#e2af2d
```
#e2af2d rgb(226,175,45)
```

Split Complementary Color

#2de254
```
#2de254 rgb(45,226,84)
```
#542de2
```
#542de2 rgb(84,45,226)
```
#e2542d
```
#e2542d rgb(226,84,45)
```

Triadic Color

#2dbbe2
```
#2dbbe2 rgb(45,187,226)
```
#542de2
```
#542de2 rgb(84,45,226)
```
#e2542d
```
#e2542d rgb(226,84,45)
```
#bbe22d
```
#bbe22d rgb(187,226,45)
```

Tetradic Color

#3718ab
```
#3718ab rgb(55,24,171)
```
#3f1bc1
```
#3f1bc1 rgb(63,27,193)
```
#461ed8
```
#461ed8 rgb(70,30,216)
```
#542de2
```
#542de2 rgb(84,45,226)
```
#6643e5
```
#6643e5 rgb(102,67,229)
```
#785ae8
```
#785ae8 rgb(120,90,232)
```
#8b70eb
```
#8b70eb rgb(139,112,235)
```

Monochromatic Color

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

#2d33e2
```
#2d33e2 rgb(45,51,226)
```
#362de2
```
#362de2 rgb(54,45,226)
```
#452de2
```
#452de2 rgb(69,45,226)
```
#542de2
```
#542de2 rgb(84,45,226)
```
#632de2
```
#632de2 rgb(99,45,226)
```
#722de2
```
#722de2 rgb(114,45,226)
```
#812de2
```
#812de2 rgb(129,45,226)
```

Similar Colors

Text with hexadecimal color #542de2

This text has a font color of #542de2.

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

#542de2 background color

This paragraph has a background color of #542de2.

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

#542de2 border color

This element has a border color of #542de2.

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

CSS codes

.text {color:#542de2;}

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

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

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, #05020e is the darkest color, while #fcfcff is the lightest one.

#05020e
```
#05020e rgb(5,2,14)
```
#0a041f
```
#0a041f rgb(10,4,31)
```
#100731
```
#100731 rgb(16,7,49)
```
#150942
```
#150942 rgb(21,9,66)
```
#1b0b53
```
#1b0b53 rgb(27,11,83)
```
#200e64
```
#200e64 rgb(32,14,100)
```
#261075
```
#261075 rgb(38,16,117)
```
#2c1387
```
#2c1387 rgb(44,19,135)
```
#311598
```
#311598 rgb(49,21,152)
```
#3717a9
```
#3717a9 rgb(55,23,169)
```
#3c1aba
```
#3c1aba rgb(60,26,186)
```
#421ccc
```
#421ccc rgb(66,28,204)
```
#481fdd
```
#481fdd rgb(72,31,221)
```

Shade Color Variation

#542de2
```
#542de2 rgb(84,45,226)
```
#623ee4
```
#623ee4 rgb(98,62,228)
```
#704fe7
```
#704fe7 rgb(112,79,231)
```
#7e61e9
```
#7e61e9 rgb(126,97,233)
```
#8c72ec
```
#8c72ec rgb(140,114,236)
```
#9a83ee
```
#9a83ee rgb(154,131,238)
```
#a894f0
```
#a894f0 rgb(168,148,240)
```
#b6a6f3
```
#b6a6f3 rgb(182,166,243)
```
#c4b7f5
```
#c4b7f5 rgb(196,183,245)
```
#d2c8f7
```
#d2c8f7 rgb(210,200,247)
```
#e0d9fa
```
#e0d9fa rgb(224,217,250)
```
#eeebfc
```
#eeebfc rgb(238,235,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#83808f
```
#83808f rgb(131,128,143)
```
#7e7798
```
#7e7798 rgb(126,119,152)
```
#796da2
```
#796da2 rgb(121,109,162)
```
#7364ab
```
#7364ab rgb(115,100,171)
```
#6e5bb4
```
#6e5bb4 rgb(110,91,180)
```
#6952bd
```
#6952bd rgb(105,82,189)
```
#6449c6
```
#6449c6 rgb(100,73,198)
```
#5e3fd0
```
#5e3fd0 rgb(94,63,208)
```
#5936d9
```
#5936d9 rgb(89,54,217)
```
#542de2
```
#542de2 rgb(84,45,226)
```
#4f24eb
```
#4f24eb rgb(79,36,235)
```
#4a1bf4
```
#4a1bf4 rgb(74,27,244)
```
#4411fe
```
#4411fe rgb(68,17,254)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e476b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#1e4ac3 Protanomaly 1% of men, 0.01% of women
#1e4eb4 Deuteranomaly 6% of men, 0.4% of women
#1e5298 Tritanomaly 0.01% of the population

#542de2 hex color

#542de2 Color Information

#542de2 Color Conversion

Color Schemes with #542de2

Alternatives to #542de2

#542de2 Preview

Shades and Tints of #542de2

Tones of #542de2

Color Blindness Simulator