#542dff hex color

In a RGB color space, hex #542dff is composed of 32.9% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 251.1 degrees, a saturation of 100% and a lightness of 58.8%. #542dff color hex could be obtained by blending #a85aff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 18
- B 100
RGB color chart
- C 67
- M 82
- Y 0
- K 0
CMYK color chart

● #542dff color description : Vivid blue.

The hexadecimal color #542dff has RGB values of R:84, G:45, B:255 and CMYK values of C:0.67, M:0.82, Y:0, K:0. Its decimal value is 5516799.

Hex triplet	542dff	`#542dff`
RGB Decimal	84, 45, 255	`rgb(84,45,255)`
RGB Percent	32.9, 17.6, 100	`rgb(32.9%,17.6%,100%)`
CMYK	67, 82, 0, 0
HSL	251.1°, 100, 58.8	`hsl(251.1,100%,58.8%)`
HSV (or HSB)	251.1°, 82.4, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.548, 70.519, -95.692
XYZ	22.641, 10.981, 95.529
xyY	0.175, 0.085, 10.981
CIE-LCH	39.548, 118.87, 306.388
CIE-LUV	39.548, -3.47, -133.577
Hunter-Lab	33.137, 63.972, -147.728
Binary	01010100, 00101101, 11111111

#542dff
```
#542dff rgb(84,45,255)
```
#d8ff2d
```
#d8ff2d rgb(216,255,45)
```

Complementary Color

#2d6fff
```
#2d6fff rgb(45,111,255)
```
#542dff
```
#542dff rgb(84,45,255)
```
#bd2dff
```
#bd2dff rgb(189,45,255)
```

Analogous Color

#6fff2d
```
#6fff2d rgb(111,255,45)
```
#542dff
```
#542dff rgb(84,45,255)
```
#ffbd2d
```
#ffbd2d rgb(255,189,45)
```

Split Complementary Color

#2dff54
```
#2dff54 rgb(45,255,84)
```
#542dff
```
#542dff rgb(84,45,255)
```
#ff542d
```
#ff542d rgb(255,84,45)
```

Triadic Color

#2dd8ff
```
#2dd8ff rgb(45,216,255)
```
#542dff
```
#542dff rgb(84,45,255)
```
#ff542d
```
#ff542d rgb(255,84,45)
```
#d8ff2d
```
#d8ff2d rgb(216,255,45)
```

Tetradic Color

#2a00e0
```
#2a00e0 rgb(42,0,224)
```
#2e00f9
```
#2e00f9 rgb(46,0,249)
```
#3f14ff
```
#3f14ff rgb(63,20,255)
```
#542dff
```
#542dff rgb(84,45,255)
```
#6947ff
```
#6947ff rgb(105,71,255)
```
#7e60ff
```
#7e60ff rgb(126,96,255)
```
#927aff
```
#927aff rgb(146,122,255)
```

Monochromatic Color

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

#2d3bff
```
#2d3bff rgb(45,59,255)
```
#312dff
```
#312dff rgb(49,45,255)
```
#422dff
```
#422dff rgb(66,45,255)
```
#542dff
```
#542dff rgb(84,45,255)
```
#662dff
```
#662dff rgb(102,45,255)
```
#772dff
```
#772dff rgb(119,45,255)
```
#892dff
```
#892dff rgb(137,45,255)
```

Similar Colors

Text with hexadecimal color #542dff

This text has a font color of #542dff.

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

#542dff background color

This paragraph has a background color of #542dff.

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

#542dff border color

This element has a border color of #542dff.

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

CSS codes

.text {color:#542dff;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#050019
```
#050019 rgb(5,0,25)
```
#08002d
```
#08002d rgb(8,0,45)
```
#0c0041
```
#0c0041 rgb(12,0,65)
```
#100054
```
#100054 rgb(16,0,84)
```
#130068
```
#130068 rgb(19,0,104)
```
#17007b
```
#17007b rgb(23,0,123)
```
#1b008f
```
#1b008f rgb(27,0,143)
```
#1e00a3
```
#1e00a3 rgb(30,0,163)
```
#2200b6
```
#2200b6 rgb(34,0,182)
```
#2500ca
```
#2500ca rgb(37,0,202)
```
#2900de
```
#2900de rgb(41,0,222)
```
#2d00f1
```
#2d00f1 rgb(45,0,241)
```

Shade Color Variation

#3406ff
```
#3406ff rgb(52,6,255)
```
#4419ff
```
#4419ff rgb(68,25,255)
```
#542dff
```
#542dff rgb(84,45,255)
```
#6441ff
```
#6441ff rgb(100,65,255)
```
#7454ff
```
#7454ff rgb(116,84,255)
```
#8468ff
```
#8468ff rgb(132,104,255)
```
#947bff
```
#947bff rgb(148,123,255)
```
#a48fff
```
#a48fff rgb(164,143,255)
```
#b4a3ff
```
#b4a3ff rgb(180,163,255)
```
#c4b6ff
```
#c4b6ff rgb(196,182,255)
```
#d4caff
```
#d4caff rgb(212,202,255)
```
#e4deff
```
#e4deff rgb(228,222,255)
```
#f4f1ff
```
#f4f1ff rgb(244,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #918e9e is the less saturated color, while #542dff is the most saturated one.

#918e9e
```
#918e9e rgb(145,142,158)
```
#8c86a6
```
#8c86a6 rgb(140,134,166)
```
#877eae
```
#877eae rgb(135,126,174)
```
#8276b6
```
#8276b6 rgb(130,118,182)
```
#7d6ebe
```
#7d6ebe rgb(125,110,190)
```
#7866c6
```
#7866c6 rgb(120,102,198)
```
#725dcf
```
#725dcf rgb(114,93,207)
```
#6d55d7
```
#6d55d7 rgb(109,85,215)
```
#684ddf
```
#684ddf rgb(104,77,223)
```
#6345e7
```
#6345e7 rgb(99,69,231)
```
#5e3def
```
#5e3def rgb(94,61,239)
```
#5935f7
```
#5935f7 rgb(89,53,247)
```
#542dff
```
#542dff rgb(84,45,255)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#524a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#1e4fd6 Protanomaly 1% of men, 0.01% of women
#1e52c6 Deuteranomaly 6% of men, 0.4% of women
#1e57a7 Tritanomaly 0.01% of the population

#542dff hex color

#542dff Color Information

#542dff Color Conversion

Color Schemes with #542dff

Alternatives to #542dff

#542dff Preview

Shades and Tints of #542dff

Tones of #542dff

Color Blindness Simulator