#5a40b4 hex color

In a RGB color space, hex #5a40b4 is composed of 35.3% red, 25.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 64.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 253.4 degrees, a saturation of 47.5% and a lightness of 47.8%. #5a40b4 color hex could be obtained by blending #b480ff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 25
- B 71
RGB color chart
- C 50
- M 64
- Y 0
- K 29
CMYK color chart

● #5a40b4 color description : Moderate blue.

The hexadecimal color #5a40b4 has RGB values of R:90, G:64, B:180 and CMYK values of C:0.5, M:0.64, Y:0, K:0.29. Its decimal value is 5914804.

Hex triplet	5a40b4	`#5a40b4`
RGB Decimal	90, 64, 180	`rgb(90,64,180)`
RGB Percent	35.3, 25.1, 70.6	`rgb(35.3%,25.1%,70.6%)`
CMYK	50, 64, 0, 29
HSL	253.4°, 47.5, 47.8	`hsl(253.4,47.5%,47.8%)`
HSV (or HSB)	253.4°, 64.4, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.244, 40.659, -57.998
XYZ	14.287, 9.135, 44.188
xyY	0.211, 0.135, 9.135
CIE-LCH	36.244, 70.831, 305.032
CIE-LUV	36.244, 1.632, -84.204
Hunter-Lab	30.225, 31.479, -65.523
Binary	01011010, 01000000, 10110100

#5a40b4
```
#5a40b4 rgb(90,64,180)
```
#9ab440
```
#9ab440 rgb(154,180,64)
```

Complementary Color

#4060b4
```
#4060b4 rgb(64,96,180)
```
#5a40b4
```
#5a40b4 rgb(90,64,180)
```
#9440b4
```
#9440b4 rgb(148,64,180)
```

Analogous Color

#60b440
```
#60b440 rgb(96,180,64)
```
#5a40b4
```
#5a40b4 rgb(90,64,180)
```
#b49440
```
#b49440 rgb(180,148,64)
```

Split Complementary Color

#40b45a
```
#40b45a rgb(64,180,90)
```
#5a40b4
```
#5a40b4 rgb(90,64,180)
```
#b45a40
```
#b45a40 rgb(180,90,64)
```

Triadic Color

#409ab4
```
#409ab4 rgb(64,154,180)
```
#5a40b4
```
#5a40b4 rgb(90,64,180)
```
#b45a40
```
#b45a40 rgb(180,90,64)
```
#9ab440
```
#9ab440 rgb(154,180,64)
```

Tetradic Color

#3e2c7c
```
#3e2c7c rgb(62,44,124)
```
#47338e
```
#47338e rgb(71,51,142)
```
#5139a1
```
#5139a1 rgb(81,57,161)
```
#5a40b4
```
#5a40b4 rgb(90,64,180)
```
#674ec0
```
#674ec0 rgb(103,78,192)
```
#7760c7
```
#7760c7 rgb(119,96,199)
```
#8773cd
```
#8773cd rgb(135,115,205)
```

Monochromatic Color

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

#4043b4
```
#4043b4 rgb(64,67,180)
```
#4740b4
```
#4740b4 rgb(71,64,180)
```
#5040b4
```
#5040b4 rgb(80,64,180)
```
#5a40b4
```
#5a40b4 rgb(90,64,180)
```
#6440b4
```
#6440b4 rgb(100,64,180)
```
#6d40b4
```
#6d40b4 rgb(109,64,180)
```
#7740b4
```
#7740b4 rgb(119,64,180)
```

Similar Colors

Text with hexadecimal color #5a40b4

This text has a font color of #5a40b4.

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

#5a40b4 background color

This paragraph has a background color of #5a40b4.

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

#5a40b4 border color

This element has a border color of #5a40b4.

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

CSS codes

.text {color:#5a40b4;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0a0715
```
#0a0715 rgb(10,7,21)
```
#120d23
```
#120d23 rgb(18,13,35)
```
#191232
```
#191232 rgb(25,18,50)
```
#201740
```
#201740 rgb(32,23,64)
```
#271c4f
```
#271c4f rgb(39,28,79)
```
#2f215d
```
#2f215d rgb(47,33,93)
```
#36266c
```
#36266c rgb(54,38,108)
```
#3d2b7a
```
#3d2b7a rgb(61,43,122)
```
#443189
```
#443189 rgb(68,49,137)
```
#4c3697
```
#4c3697 rgb(76,54,151)
```
#533ba6
```
#533ba6 rgb(83,59,166)
```
#5a40b4
```
#5a40b4 rgb(90,64,180)
```

Shade Color Variation

#6349be
```
#6349be rgb(99,73,190)
```
#7058c4
```
#7058c4 rgb(112,88,196)
```
#7c66c9
```
#7c66c9 rgb(124,102,201)
```
#8975ce
```
#8975ce rgb(137,117,206)
```
#9583d3
```
#9583d3 rgb(149,131,211)
```
#a192d8
```
#a192d8 rgb(161,146,216)
```
#aea0dd
```
#aea0dd rgb(174,160,221)
```
#baafe2
```
#baafe2 rgb(186,175,226)
```
#c7bde8
```
#c7bde8 rgb(199,189,232)
```
#d3cbed
```
#d3cbed rgb(211,203,237)
```
#dfdaf2
```
#dfdaf2 rgb(223,218,242)
```
#ece8f7
```
#ece8f7 rgb(236,232,247)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79787c is the less saturated color, while #3b08ec is the most saturated one.

#79787c
```
#79787c rgb(121,120,124)
```
#746f85
```
#746f85 rgb(116,111,133)
```
#6f668e
```
#6f668e rgb(111,102,142)
```
#6a5c98
```
#6a5c98 rgb(106,92,152)
```
#6453a1
```
#6453a1 rgb(100,83,161)
```
#5f49ab
```
#5f49ab rgb(95,73,171)
```
#5a40b4
```
#5a40b4 rgb(90,64,180)
```
#5537bd
```
#5537bd rgb(85,55,189)
```
#502dc7
```
#502dc7 rgb(80,45,199)
```
#4a24d0
```
#4a24d0 rgb(74,36,208)
```
#451ada
```
#451ada rgb(69,26,218)
```
#4011e3
```
#4011e3 rgb(64,17,227)
```
#3b08ec
```
#3b08ec rgb(59,8,236)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#565168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609c Deuteranopia 1% of men
#446269 Tritanopia 0.001% of the population

Trichromacy

#2051b2 Protanomaly 1% of men, 0.01% of women
#2054a5 Deuteranomaly 6% of men, 0.4% of women
#4c5684 Tritanomaly 0.01% of the population

#5a40b4 hex color

#5a40b4 Color Information

#5a40b4 Color Conversion

Color Schemes with #5a40b4

Alternatives to #5a40b4

#5a40b4 Preview

Shades and Tints of #5a40b4

Tones of #5a40b4

Color Blindness Simulator