#5a4278 hex color

In a RGB color space, hex #5a4278 is composed of 35.3% red, 25.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 45% magenta, 0% yellow and 52.9% black. It has a hue angle of 266.7 degrees, a saturation of 29% and a lightness of 36.5%. #5a4278 color hex could be obtained by blending #b484f0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 26
- B 47
RGB color chart
- C 25
- M 45
- Y 0
- K 53
CMYK color chart

● #5a4278 color description : Mostly desaturated dark violet.

The hexadecimal color #5a4278 has RGB values of R:90, G:66, B:120 and CMYK values of C:0.25, M:0.45, Y:0, K:0.53. Its decimal value is 5915256.

Hex triplet	5a4278	`#5a4278`
RGB Decimal	90, 66, 120	`rgb(90,66,120)`
RGB Percent	35.3, 25.9, 47.1	`rgb(35.3%,25.9%,47.1%)`
CMYK	25, 45, 0, 53
HSL	266.7°, 29, 36.5	`hsl(266.7,29%,36.5%)`
HSV (or HSB)	266.7°, 45, 47.1
Web Safe	663366	`#663366`

CIE-LAB	32.758, 22.318, -27.102
XYZ	9.554, 7.426, 18.698
xyY	0.268, 0.208, 7.426
CIE-LCH	32.758, 35.108, 309.471
CIE-LUV	32.758, 7.676, -38.677
Hunter-Lab	27.251, 14.893, -21.606
Binary	01011010, 01000010, 01111000

#5a4278
```
#5a4278 rgb(90,66,120)
```
#607842
```
#607842 rgb(96,120,66)
```

Complementary Color

#424578
```
#424578 rgb(66,69,120)
```
#5a4278
```
#5a4278 rgb(90,66,120)
```
#754278
```
#754278 rgb(117,66,120)
```

Analogous Color

#457842
```
#457842 rgb(69,120,66)
```
#5a4278
```
#5a4278 rgb(90,66,120)
```
#787542
```
#787542 rgb(120,117,66)
```

Split Complementary Color

#42785a
```
#42785a rgb(66,120,90)
```
#5a4278
```
#5a4278 rgb(90,66,120)
```
#785a42
```
#785a42 rgb(120,90,66)
```

Triadic Color

#426078
```
#426078 rgb(66,96,120)
```
#5a4278
```
#5a4278 rgb(90,66,120)
```
#785a42
```
#785a42 rgb(120,90,66)
```
#607842
```
#607842 rgb(96,120,66)
```

Tetradic Color

#352747
```
#352747 rgb(53,39,71)
```
#413057
```
#413057 rgb(65,48,87)
```
#4e3968
```
#4e3968 rgb(78,57,104)
```
#5a4278
```
#5a4278 rgb(90,66,120)
```
#664b88
```
#664b88 rgb(102,75,136)
```
#735499
```
#735499 rgb(115,84,153)
```
#7f5fa7
```
#7f5fa7 rgb(127,95,167)
```

Monochromatic Color

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

#4d4278
```
#4d4278 rgb(77,66,120)
```
#514278
```
#514278 rgb(81,66,120)
```
#564278
```
#564278 rgb(86,66,120)
```
#5a4278
```
#5a4278 rgb(90,66,120)
```
#5e4278
```
#5e4278 rgb(94,66,120)
```
#634278
```
#634278 rgb(99,66,120)
```
#684278
```
#684278 rgb(104,66,120)
```

Similar Colors

Text with hexadecimal color #5a4278

This text has a font color of #5a4278.

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

#5a4278 background color

This paragraph has a background color of #5a4278.

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

#5a4278 border color

This element has a border color of #5a4278.

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

CSS codes

.text {color:#5a4278;}

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

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

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

#050306
```
#050306 rgb(5,3,6)
```
#0e0a13
```
#0e0a13 rgb(14,10,19)
```
#18111f
```
#18111f rgb(24,17,31)
```
#21182c
```
#21182c rgb(33,24,44)
```
#2b1f39
```
#2b1f39 rgb(43,31,57)
```
#342645
```
#342645 rgb(52,38,69)
```
#3e2d52
```
#3e2d52 rgb(62,45,82)
```
#47345f
```
#47345f rgb(71,52,95)
```
#513b6b
```
#513b6b rgb(81,59,107)
```
#5a4278
```
#5a4278 rgb(90,66,120)
```
#634985
```
#634985 rgb(99,73,133)
```
#6d5091
```
#6d5091 rgb(109,80,145)
```
#76579e
```
#76579e rgb(118,87,158)
```

Shade Color Variation

#8061a8
```
#8061a8 rgb(128,97,168)
```
#8a6daf
```
#8a6daf rgb(138,109,175)
```
#957ab6
```
#957ab6 rgb(149,122,182)
```
#9f87bd
```
#9f87bd rgb(159,135,189)
```
#a993c4
```
#a993c4 rgb(169,147,196)
```
#b3a0cb
```
#b3a0cb rgb(179,160,203)
```
#bdadd2
```
#bdadd2 rgb(189,173,210)
```
#c7b9d9
```
#c7b9d9 rgb(199,185,217)
```
#d1c6e0
```
#d1c6e0 rgb(209,198,224)
```
#dbd2e7
```
#dbd2e7 rgb(219,210,231)
```
#e6dfed
```
#e6dfed rgb(230,223,237)
```
#f0ecf4
```
#f0ecf4 rgb(240,236,244)
```
#faf8fb
```
#faf8fb rgb(250,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5763 is the less saturated color, while #5302b8 is the most saturated one.

#5c5763
```
#5c5763 rgb(92,87,99)
```
#5c506a
```
#5c506a rgb(92,80,106)
```
#5b4971
```
#5b4971 rgb(91,73,113)
```
#5a4278
```
#5a4278 rgb(90,66,120)
```
#593b7f
```
#593b7f rgb(89,59,127)
```
#583486
```
#583486 rgb(88,52,134)
```
#582d8d
```
#582d8d rgb(88,45,141)
```
#572595
```
#572595 rgb(87,37,149)
```
#561e9c
```
#561e9c rgb(86,30,156)
```
#5517a3
```
#5517a3 rgb(85,23,163)
```
#5410aa
```
#5410aa rgb(84,16,170)
```
#5409b1
```
#5409b1 rgb(84,9,177)
```
#5302b8
```
#5302b8 rgb(83,2,184)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#514c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#415485 Protanopia 1% of men
#44557b Deuteranopia 1% of men
#5a545a Tritanopia 0.001% of the population

Trichromacy

#4a4d80 Protanomaly 1% of men, 0.01% of women
#4c4e7a Deuteranomaly 6% of men, 0.4% of women
#5a4d65 Tritanomaly 0.01% of the population

#5a4278 hex color

#5a4278 Color Information

#5a4278 Color Conversion

Color Schemes with #5a4278

Alternatives to #5a4278

#5a4278 Preview

Shades and Tints of #5a4278

Tones of #5a4278

Color Blindness Simulator