#5a40f6 hex color

In a RGB color space, hex #5a40f6 is composed of 35.3% red, 25.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 74% magenta, 0% yellow and 3.5% black. It has a hue angle of 248.6 degrees, a saturation of 91% and a lightness of 60.8%. #5a40f6 color hex could be obtained by blending #b480ff with #0000ed. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 25
- B 96
RGB color chart
- C 63
- M 74
- Y 0
- K 4
CMYK color chart

● #5a40f6 color description : Bright blue.

The hexadecimal color #5a40f6 has RGB values of R:90, G:64, B:246 and CMYK values of C:0.63, M:0.74, Y:0, K:0.04. Its decimal value is 5914870.

Hex triplet	5a40f6	`#5a40f6`
RGB Decimal	90, 64, 246	`rgb(90,64,246)`
RGB Percent	35.3, 25.1, 96.5	`rgb(35.3%,25.1%,96.5%)`
CMYK	63, 74, 0, 4
HSL	248.6°, 91, 60.8	`hsl(248.6,91%,60.8%)`
HSV (or HSB)	248.6°, 74, 96.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.99, 60.176, -86.596
XYZ	22.681, 12.493, 88.4
xyY	0.184, 0.101, 12.493
CIE-LCH	41.99, 105.452, 304.796
CIE-LUV	41.99, -3.795, -126.51
Hunter-Lab	35.346, 52.687, -123.542
Binary	01011010, 01000000, 11110110

#5a40f6
```
#5a40f6 rgb(90,64,246)
```
#dcf640
```
#dcf640 rgb(220,246,64)
```

Complementary Color

#4081f6
```
#4081f6 rgb(64,129,246)
```
#5a40f6
```
#5a40f6 rgb(90,64,246)
```
#b540f6
```
#b540f6 rgb(181,64,246)
```

Analogous Color

#81f640
```
#81f640 rgb(129,246,64)
```
#5a40f6
```
#5a40f6 rgb(90,64,246)
```
#f6b540
```
#f6b540 rgb(246,181,64)
```

Split Complementary Color

#40f65a
```
#40f65a rgb(64,246,90)
```
#5a40f6
```
#5a40f6 rgb(90,64,246)
```
#f65a40
```
#f65a40 rgb(246,90,64)
```

Triadic Color

#40dcf6
```
#40dcf6 rgb(64,220,246)
```
#5a40f6
```
#5a40f6 rgb(90,64,246)
```
#f65a40
```
#f65a40 rgb(246,90,64)
```
#dcf640
```
#dcf640 rgb(220,246,64)
```

Tetradic Color

#290bdf
```
#290bdf rgb(41,11,223)
```
#300ff4
```
#300ff4 rgb(48,15,244)
```
#4528f5
```
#4528f5 rgb(69,40,245)
```
#5a40f6
```
#5a40f6 rgb(90,64,246)
```
#6f58f7
```
#6f58f7 rgb(111,88,247)
```
#8471f8
```
#8471f8 rgb(132,113,248)
```
#9989f9
```
#9989f9 rgb(153,137,249)
```

Monochromatic Color

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

#4054f6
```
#4054f6 rgb(64,84,246)
```
#4044f6
```
#4044f6 rgb(64,68,246)
```
#4b40f6
```
#4b40f6 rgb(75,64,246)
```
#5a40f6
```
#5a40f6 rgb(90,64,246)
```
#6940f6
```
#6940f6 rgb(105,64,246)
```
#7840f6
```
#7840f6 rgb(120,64,246)
```
#8840f6
```
#8840f6 rgb(136,64,246)
```

Similar Colors

Text with hexadecimal color #5a40f6

This text has a font color of #5a40f6.

<span style="color:#5a40f6;">Text here</span>

#5a40f6 background color

This paragraph has a background color of #5a40f6.

<p style="background-color:#5a40f6;">Content here</p>

#5a40f6 border color

This element has a border color of #5a40f6.

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

CSS codes

.text {color:#5a40f6;}

.background {background-color:#5a40f6;}

.border {border:1px solid #5a40f6;}

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, #03010f is the darkest color, while #fcfbff is the lightest one.

#03010f
```
#03010f rgb(3,1,15)
```
#060222
```
#060222 rgb(6,2,34)
```
#0a0235
```
#0a0235 rgb(10,2,53)
```
#0d0347
```
#0d0347 rgb(13,3,71)
```
#10045a
```
#10045a rgb(16,4,90)
```
#14056d
```
#14056d rgb(20,5,109)
```
#17067f
```
#17067f rgb(23,6,127)
```
#1b0792
```
#1b0792 rgb(27,7,146)
```
#1e08a5
```
#1e08a5 rgb(30,8,165)
```
#2209b8
```
#2209b8 rgb(34,9,184)
```
#250aca
```
#250aca rgb(37,10,202)
```
#290add
```
#290add rgb(41,10,221)
```
#2c0bf0
```
#2c0bf0 rgb(44,11,240)
```

Shade Color Variation

#3a1bf4
```
#3a1bf4 rgb(58,27,244)
```
#4a2df5
```
#4a2df5 rgb(74,45,245)
```
#5a40f6
```
#5a40f6 rgb(90,64,246)
```
#6a53f7
```
#6a53f7 rgb(106,83,247)
```
#7a65f8
```
#7a65f8 rgb(122,101,248)
```
#8b78f9
```
#8b78f9 rgb(139,120,249)
```
#9b8bfa
```
#9b8bfa rgb(155,139,250)
```
#ab9efa
```
#ab9efa rgb(171,158,250)
```
#bbb0fb
```
#bbb0fb rgb(187,176,251)
```
#cbc3fc
```
#cbc3fc rgb(203,195,252)
```
#dbd6fd
```
#dbd6fd rgb(219,214,253)
```
#ece9fe
```
#ece9fe rgb(236,233,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#9695a1
```
#9695a1 rgb(150,149,161)
```
#918da9
```
#918da9 rgb(145,141,169)
```
#8b85b1
```
#8b85b1 rgb(139,133,177)
```
#867eb8
```
#867eb8 rgb(134,126,184)
```
#8076c0
```
#8076c0 rgb(128,118,192)
```
#7b6ec8
```
#7b6ec8 rgb(123,110,200)
```
#7566d0
```
#7566d0 rgb(117,102,208)
```
#705fd7
```
#705fd7 rgb(112,95,215)
```
#6a57df
```
#6a57df rgb(106,87,223)
```
#654fe7
```
#654fe7 rgb(101,79,231)
```
#5f48ee
```
#5f48ee rgb(95,72,238)
```
#5a40f6
```
#5a40f6 rgb(90,64,246)
```
#5538fe
```
#5538fe rgb(85,56,254)
```

Tone Color Variation

Below, you can see how #5a40f6 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

#5d5d5d Achromatopsia 0.005% of the population
#5c577c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#2059da Protanomaly 1% of men, 0.01% of women
#205dc9 Deuteranomaly 6% of men, 0.4% of women
#2062a9 Tritanomaly 0.01% of the population

#5a40f6 hex color

#5a40f6 Color Information

#5a40f6 Color Conversion

Color Schemes with #5a40f6

Alternatives to #5a40f6

#5a40f6 Preview

Shades and Tints of #5a40f6

Tones of #5a40f6

Color Blindness Simulator