#540ae4 hex color

In a RGB color space, hex #540ae4 is composed of 32.9% red, 3.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 95.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 260.4 degrees, a saturation of 91.6% and a lightness of 46.7%. #540ae4 color hex could be obtained by blending #a814ff with #0000c9. Closest websafe color is: #6600cc.

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

● #540ae4 color description : Vivid violet.

The hexadecimal color #540ae4 has RGB values of R:84, G:10, B:228 and CMYK values of C:0.63, M:0.96, Y:0, K:0.11. Its decimal value is 5507812.

Hex triplet	540ae4	`#540ae4`
RGB Decimal	84, 10, 228	`rgb(84,10,228)`
RGB Percent	32.9, 3.9, 89.4	`rgb(32.9%,3.9%,89.4%)`
CMYK	63, 96, 0, 11
HSL	260.4°, 91.6, 46.7	`hsl(260.4,91.6%,46.7%)`
HSV (or HSB)	260.4°, 95.6, 89.4
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.356, 73.14, -90.701
XYZ	17.766, 7.703, 73.945
xyY	0.179, 0.077, 7.703
CIE-LCH	33.356, 116.517, 308.882
CIE-LUV	33.356, 0.979, -118.438
Hunter-Lab	27.754, 65.692, -138.54
Binary	01010100, 00001010, 11100100

#540ae4
```
#540ae4 rgb(84,10,228)
```
#9ae40a
```
#9ae40a rgb(154,228,10)
```

Complementary Color

#0a2de4
```
#0a2de4 rgb(10,45,228)
```
#540ae4
```
#540ae4 rgb(84,10,228)
```
#c10ae4
```
#c10ae4 rgb(193,10,228)
```

Analogous Color

#2de40a
```
#2de40a rgb(45,228,10)
```
#540ae4
```
#540ae4 rgb(84,10,228)
```
#e4c10a
```
#e4c10a rgb(228,193,10)
```

Split Complementary Color

#0ae454
```
#0ae454 rgb(10,228,84)
```
#540ae4
```
#540ae4 rgb(84,10,228)
```
#e4540a
```
#e4540a rgb(228,84,10)
```

Triadic Color

#0a9ae4
```
#0a9ae4 rgb(10,154,228)
```
#540ae4
```
#540ae4 rgb(84,10,228)
```
#e4540a
```
#e4540a rgb(228,84,10)
```
#9ae40a
```
#9ae40a rgb(154,228,10)
```

Tetradic Color

#39079b
```
#39079b rgb(57,7,155)
```
#4208b3
```
#4208b3 rgb(66,8,179)
```
#4b09cc
```
#4b09cc rgb(75,9,204)
```
#540ae4
```
#540ae4 rgb(84,10,228)
```
#6013f5
```
#6013f5 rgb(96,19,245)
```
#702bf6
```
#702bf6 rgb(112,43,246)
```
#8144f7
```
#8144f7 rgb(129,68,247)
```

Monochromatic Color

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

#1d0ae4
```
#1d0ae4 rgb(29,10,228)
```
#300ae4
```
#300ae4 rgb(48,10,228)
```
#420ae4
```
#420ae4 rgb(66,10,228)
```
#540ae4
```
#540ae4 rgb(84,10,228)
```
#660ae4
```
#660ae4 rgb(102,10,228)
```
#780ae4
```
#780ae4 rgb(120,10,228)
```
#8b0ae4
```
#8b0ae4 rgb(139,10,228)
```

Similar Colors

Text with hexadecimal color #540ae4

This text has a font color of #540ae4.

<span style="color:#540ae4;">Text here</span>

#540ae4 background color

This paragraph has a background color of #540ae4.

<p style="background-color:#540ae4;">Content here</p>

#540ae4 border color

This element has a border color of #540ae4.

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

CSS codes

.text {color:#540ae4;}

.background {background-color:#540ae4;}

.border {border:1px solid #540ae4;}

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

#010003
```
#010003 rgb(1,0,3)
```
#080115
```
#080115 rgb(8,1,21)
```
#0f0228
```
#0f0228 rgb(15,2,40)
```
#16033b
```
#16033b rgb(22,3,59)
```
#1d034e
```
#1d034e rgb(29,3,78)
```
#240460
```
#240460 rgb(36,4,96)
```
#2a0573
```
#2a0573 rgb(42,5,115)
```
#310686
```
#310686 rgb(49,6,134)
```
#380799
```
#380799 rgb(56,7,153)
```
#3f08ac
```
#3f08ac rgb(63,8,172)
```
#4608be
```
#4608be rgb(70,8,190)
```
#4d09d1
```
#4d09d1 rgb(77,9,209)
```
#540ae4
```
#540ae4 rgb(84,10,228)
```

Shade Color Variation

#5c0df4
```
#5c0df4 rgb(92,13,244)
```
#6820f5
```
#6820f5 rgb(104,32,245)
```
#7533f6
```
#7533f6 rgb(117,51,246)
```
#8246f7
```
#8246f7 rgb(130,70,247)
```
#8e58f8
```
#8e58f8 rgb(142,88,248)
```
#9b6bf9
```
#9b6bf9 rgb(155,107,249)
```
#a87ef9
```
#a87ef9 rgb(168,126,249)
```
#b591fa
```
#b591fa rgb(181,145,250)
```
#c1a4fb
```
#c1a4fb rgb(193,164,251)
```
#ceb6fc
```
#ceb6fc rgb(206,182,252)
```
#dbc9fd
```
#dbc9fd rgb(219,201,253)
```
#e7dcfd
```
#e7dcfd rgb(231,220,253)
```
#f4effe
```
#f4effe rgb(244,239,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #746f7f is the less saturated color, while #5101ed is the most saturated one.

#746f7f
```
#746f7f rgb(116,111,127)
```
#716688
```
#716688 rgb(113,102,136)
```
#6e5c92
```
#6e5c92 rgb(110,92,146)
```
#6c539b
```
#6c539b rgb(108,83,155)
```
#694aa4
```
#694aa4 rgb(105,74,164)
```
#6641ad
```
#6641ad rgb(102,65,173)
```
#6338b6
```
#6338b6 rgb(99,56,182)
```
#602fbf
```
#602fbf rgb(96,47,191)
```
#5d25c9
```
#5d25c9 rgb(93,37,201)
```
#5a1cd2
```
#5a1cd2 rgb(90,28,210)
```
#5713db
```
#5713db rgb(87,19,219)
```
#540ae4
```
#540ae4 rgb(84,10,228)
```
#5101ed
```
#5101ed rgb(81,1,237)
```

Tone Color Variation

Below, you can see how #540ae4 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

#393939 Achromatopsia 0.005% of the population
#3e305b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#1e39bc Protanomaly 1% of men, 0.01% of women
#1e3dad Deuteranomaly 6% of men, 0.4% of women
#1e4093 Tritanomaly 0.01% of the population

#540ae4 hex color

#540ae4 Color Information

#540ae4 Color Conversion

Color Schemes with #540ae4

Alternatives to #540ae4

#540ae4 Preview

Shades and Tints of #540ae4

Tones of #540ae4

Color Blindness Simulator