colorhexa.com

#540ae5 hex color

In a RGB color space, hex #540ae5 is composed of 32.9% red, 3.9% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 95.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 260.3 degrees, a saturation of 91.6% and a lightness of 46.9%. #540ae5 color hex could be obtained by blending #a814ff with #0000cb. Closest websafe color is: #6600cc.

- R 33
- G 4
- B 90
RGB color chart
- C 63
- M 96
- Y 0
- K 10
CMYK color chart

● #540ae5 color description : Vivid violet.

The hexadecimal color #540ae5 has RGB values of R:84, G:10, B:229 and CMYK values of C:0.63, M:0.96, Y:0, K:0.1. Its decimal value is 5507813.

Hex triplet	540ae5	`#540ae5`
RGB Decimal	84, 10, 229	`rgb(84,10,229)`
RGB Percent	32.9, 3.9, 89.8	`rgb(32.9%,3.9%,89.8%)`
CMYK	63, 96, 0, 10
HSL	260.3°, 91.6, 46.9	`hsl(260.3,91.6%,46.9%)`
HSV (or HSB)	260.3°, 95.6, 89.8
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.475, 73.373, -91.076
XYZ	17.905, 7.758, 74.678
xyY	0.178, 0.077, 7.758
CIE-LCH	33.475, 116.955, 308.856
CIE-LUV	33.475, 0.887, -119.004
Hunter-Lab	27.854, 65.998, -139.463
Binary	01010100, 00001010, 11100101

#540ae5
```
#540ae5 rgb(84,10,229)
```
#9be50a
```
#9be50a rgb(155,229,10)
```

Complementary Color

#0a2ee5
```
#0a2ee5 rgb(10,46,229)
```
#540ae5
```
#540ae5 rgb(84,10,229)
```
#c20ae5
```
#c20ae5 rgb(194,10,229)
```

Analogous Color

#2ee50a
```
#2ee50a rgb(46,229,10)
```
#540ae5
```
#540ae5 rgb(84,10,229)
```
#e5c20a
```
#e5c20a rgb(229,194,10)
```

Split Complementary Color

#0ae554
```
#0ae554 rgb(10,229,84)
```
#540ae5
```
#540ae5 rgb(84,10,229)
```
#e5540a
```
#e5540a rgb(229,84,10)
```

Triadic Color

#0a9be5
```
#0a9be5 rgb(10,155,229)
```
#540ae5
```
#540ae5 rgb(84,10,229)
```
#e5540a
```
#e5540a rgb(229,84,10)
```
#9be50a
```
#9be50a rgb(155,229,10)
```

Tetradic Color

#39079c
```
#39079c rgb(57,7,156)
```
#4208b4
```
#4208b4 rgb(66,8,180)
```
#4b09cd
```
#4b09cd rgb(75,9,205)
```
#540ae5
```
#540ae5 rgb(84,10,229)
```
#6014f5
```
#6014f5 rgb(96,20,245)
```
#702cf6
```
#702cf6 rgb(112,44,246)
```
#8145f7
```
#8145f7 rgb(129,69,247)
```

Monochromatic Color

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

#1d0ae5
```
#1d0ae5 rgb(29,10,229)
```
#300ae5
```
#300ae5 rgb(48,10,229)
```
#420ae5
```
#420ae5 rgb(66,10,229)
```
#540ae5
```
#540ae5 rgb(84,10,229)
```
#660ae5
```
#660ae5 rgb(102,10,229)
```
#790ae5
```
#790ae5 rgb(121,10,229)
```
#8b0ae5
```
#8b0ae5 rgb(139,10,229)
```

Similar Colors

Text with hexadecimal color #540ae5

This text has a font color of #540ae5.

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

#540ae5 background color

This paragraph has a background color of #540ae5.

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

#540ae5 border color

This element has a border color of #540ae5.

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

CSS codes

.text {color:#540ae5;}

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

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

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 #f5f0fe is the lightest one.

#010003
```
#010003 rgb(1,0,3)
```
#080116
```
#080116 rgb(8,1,22)
```
#0f0229
```
#0f0229 rgb(15,2,41)
```
#16033c
```
#16033c rgb(22,3,60)
```
#1d034f
```
#1d034f rgb(29,3,79)
```
#240461
```
#240461 rgb(36,4,97)
```
#2b0574
```
#2b0574 rgb(43,5,116)
```
#320687
```
#320687 rgb(50,6,135)
```
#38079a
```
#38079a rgb(56,7,154)
```
#3f08ad
```
#3f08ad rgb(63,8,173)
```
#4608bf
```
#4608bf rgb(70,8,191)
```
#4d09d2
```
#4d09d2 rgb(77,9,210)
```
#540ae5
```
#540ae5 rgb(84,10,229)
```

Shade Color Variation

#5c0ef4
```
#5c0ef4 rgb(92,14,244)
```
#6921f5
```
#6921f5 rgb(105,33,245)
```
#7534f6
```
#7534f6 rgb(117,52,246)
```
#8247f7
```
#8247f7 rgb(130,71,247)
```
#8f59f8
```
#8f59f8 rgb(143,89,248)
```
#9c6cf9
```
#9c6cf9 rgb(156,108,249)
```
#a87ff9
```
#a87ff9 rgb(168,127,249)
```
#b592fa
```
#b592fa rgb(181,146,250)
```
#c2a4fb
```
#c2a4fb rgb(194,164,251)
```
#ceb7fc
```
#ceb7fc rgb(206,183,252)
```
#dbcafd
```
#dbcafd rgb(219,202,253)
```
#e8ddfe
```
#e8ddfe rgb(232,221,254)
```
#f5f0fe
```
#f5f0fe rgb(245,240,254)
```

Tint Color Variation

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

#756f80
```
#756f80 rgb(117,111,128)
```
#726689
```
#726689 rgb(114,102,137)
```
#6f5d92
```
#6f5d92 rgb(111,93,146)
```
#6c549b
```
#6c549b rgb(108,84,155)
```
#694aa5
```
#694aa5 rgb(105,74,165)
```
#6641ae
```
#6641ae rgb(102,65,174)
```
#6338b7
```
#6338b7 rgb(99,56,183)
```
#602fc0
```
#602fc0 rgb(96,47,192)
```
#5d26c9
```
#5d26c9 rgb(93,38,201)
```
#5a1cd3
```
#5a1cd3 rgb(90,28,211)
```
#5713dc
```
#5713dc rgb(87,19,220)
```
#540ae5
```
#540ae5 rgb(84,10,229)
```
#5101ee
```
#5101ee rgb(81,1,238)
```

Tone Color Variation

Below, you can see how #540ae5 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
#005a8f Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#1e3abc Protanomaly 1% of men, 0.01% of women
#1e3dae Deuteranomaly 6% of men, 0.4% of women
#1e4194 Tritanomaly 0.01% of the population