#540ae9 hex color

In a RGB color space, hex #540ae9 is composed of 32.9% red, 3.9% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 95.7% magenta, 0% yellow and 8.6% black. It has a hue angle of 259.9 degrees, a saturation of 91.8% and a lightness of 47.6%. #540ae9 color hex could be obtained by blending #a814ff with #0000d3. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 33
- G 4
- B 91
RGB color chart
- C 64
- M 96
- Y 0
- K 9
CMYK color chart

● #540ae9 color description : Vivid violet.

The hexadecimal color #540ae9 has RGB values of R:84, G:10, B:233 and CMYK values of C:0.64, M:0.96, Y:0, K:0.09. Its decimal value is 5507817.

Hex triplet	540ae9	`#540ae9`
RGB Decimal	84, 10, 233	`rgb(84,10,233)`
RGB Percent	32.9, 3.9, 91.4	`rgb(32.9%,3.9%,91.4%)`
CMYK	64, 96, 0, 9
HSL	259.9°, 91.8, 47.6	`hsl(259.9,91.8%,47.6%)`
HSV (or HSB)	259.9°, 95.7, 91.4
Web Safe	6600ff	`#6600ff`

CIE-LAB	33.95, 74.306, -92.568
XYZ	18.47, 7.984, 77.654
xyY	0.177, 0.077, 7.984
CIE-LCH	33.95, 118.702, 308.755
CIE-LUV	33.95, 0.525, -121.261
Hunter-Lab	28.257, 67.227, -143.159
Binary	01010100, 00001010, 11101001

#540ae9
```
#540ae9 rgb(84,10,233)
```
#9fe90a
```
#9fe90a rgb(159,233,10)
```

Complementary Color

#0a2fe9
```
#0a2fe9 rgb(10,47,233)
```
#540ae9
```
#540ae9 rgb(84,10,233)
```
#c40ae9
```
#c40ae9 rgb(196,10,233)
```

Analogous Color

#2fe90a
```
#2fe90a rgb(47,233,10)
```
#540ae9
```
#540ae9 rgb(84,10,233)
```
#e9c40a
```
#e9c40a rgb(233,196,10)
```

Split Complementary Color

#0ae954
```
#0ae954 rgb(10,233,84)
```
#540ae9
```
#540ae9 rgb(84,10,233)
```
#e9540a
```
#e9540a rgb(233,84,10)
```

Triadic Color

#0a9fe9
```
#0a9fe9 rgb(10,159,233)
```
#540ae9
```
#540ae9 rgb(84,10,233)
```
#e9540a
```
#e9540a rgb(233,84,10)
```
#9fe90a
```
#9fe90a rgb(159,233,10)
```

Tetradic Color

#3a07a0
```
#3a07a0 rgb(58,7,160)
```
#4208b8
```
#4208b8 rgb(66,8,184)
```
#4b09d1
```
#4b09d1 rgb(75,9,209)
```
#540ae9
```
#540ae9 rgb(84,10,233)
```
#6117f5
```
#6117f5 rgb(97,23,245)
```
#7230f6
```
#7230f6 rgb(114,48,246)
```
#8248f7
```
#8248f7 rgb(130,72,247)
```

Monochromatic Color

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

#1c0ae9
```
#1c0ae9 rgb(28,10,233)
```
#2f0ae9
```
#2f0ae9 rgb(47,10,233)
```
#410ae9
```
#410ae9 rgb(65,10,233)
```
#540ae9
```
#540ae9 rgb(84,10,233)
```
#670ae9
```
#670ae9 rgb(103,10,233)
```
#790ae9
```
#790ae9 rgb(121,10,233)
```
#8c0ae9
```
#8c0ae9 rgb(140,10,233)
```

Similar Colors

Text with hexadecimal color #540ae9

This text has a font color of #540ae9.

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

#540ae9 background color

This paragraph has a background color of #540ae9.

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

#540ae9 border color

This element has a border color of #540ae9.

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

CSS codes

.text {color:#540ae9;}

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

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

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

#030007
```
#030007 rgb(3,0,7)
```
#09011a
```
#09011a rgb(9,1,26)
```
#10022d
```
#10022d rgb(16,2,45)
```
#170340
```
#170340 rgb(23,3,64)
```
#1e0453
```
#1e0453 rgb(30,4,83)
```
#250465
```
#250465 rgb(37,4,101)
```
#2b0578
```
#2b0578 rgb(43,5,120)
```
#32068b
```
#32068b rgb(50,6,139)
```
#39079e
```
#39079e rgb(57,7,158)
```
#4008b1
```
#4008b1 rgb(64,8,177)
```
#4608c3
```
#4608c3 rgb(70,8,195)
```
#4d09d6
```
#4d09d6 rgb(77,9,214)
```
#540ae9
```
#540ae9 rgb(84,10,233)
```

Shade Color Variation

#5d12f5
```
#5d12f5 rgb(93,18,245)
```
#6a25f6
```
#6a25f6 rgb(106,37,246)
```
#7737f6
```
#7737f6 rgb(119,55,246)
```
#844af7
```
#844af7 rgb(132,74,247)
```
#905df8
```
#905df8 rgb(144,93,248)
```
#9d70f9
```
#9d70f9 rgb(157,112,249)
```
#aa83fa
```
#aa83fa rgb(170,131,250)
```
#b795fa
```
#b795fa rgb(183,149,250)
```
#c4a8fb
```
#c4a8fb rgb(196,168,251)
```
#d1bbfc
```
#d1bbfc rgb(209,187,252)
```
#ddcefd
```
#ddcefd rgb(221,206,253)
```
#eae1fe
```
#eae1fe rgb(234,225,254)
```
#f7f3ff
```
#f7f3ff rgb(247,243,255)
```

Tint Color Variation

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

#777182
```
#777182 rgb(119,113,130)
```
#73678c
```
#73678c rgb(115,103,140)
```
#705e95
```
#705e95 rgb(112,94,149)
```
#6d559e
```
#6d559e rgb(109,85,158)
```
#6a4ba8
```
#6a4ba8 rgb(106,75,168)
```
#6742b1
```
#6742b1 rgb(103,66,177)
```
#6439ba
```
#6439ba rgb(100,57,186)
```
#612fc4
```
#612fc4 rgb(97,47,196)
```
#5d26cd
```
#5d26cd rgb(93,38,205)
```
#5a1dd6
```
#5a1dd6 rgb(90,29,214)
```
#5713e0
```
#5713e0 rgb(87,19,224)
```
#540ae9
```
#540ae9 rgb(84,10,233)
```
#5101f2
```
#5101f2 rgb(81,1,242)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3f305d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#1e3abf Protanomaly 1% of men, 0.01% of women
#1e3db1 Deuteranomaly 6% of men, 0.4% of women
#1e4196 Tritanomaly 0.01% of the population

#540ae9 hex color

#540ae9 Color Information

#540ae9 Color Conversion

Color Schemes with #540ae9

Alternatives to #540ae9

#540ae9 Preview

Shades and Tints of #540ae9

Tones of #540ae9

Color Blindness Simulator