colorhexa.com

#5a4063 hex color

In a RGB color space, hex #5a4063 is composed of 35.3% red, 25.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 35.4% magenta, 0% yellow and 61.2% black. It has a hue angle of 284.6 degrees, a saturation of 21.5% and a lightness of 32%. #5a4063 color hex could be obtained by blending #b480c6 with #000000. Closest websafe color is: #663366.

- R 35
- G 25
- B 39
RGB color chart
- C 9
- M 35
- Y 0
- K 61
CMYK color chart

● #5a4063 color description : Very dark desaturated violet.

The hexadecimal color #5a4063 has RGB values of R:90, G:64, B:99 and CMYK values of C:0.09, M:0.35, Y:0, K:0.61. Its decimal value is 5914723.

Hex triplet	5a4063	`#5a4063`
RGB Decimal	90, 64, 99	`rgb(90,64,99)`
RGB Percent	35.3, 25.1, 38.8	`rgb(35.3%,25.1%,38.8%)`
CMYK	9, 35, 0, 61
HSL	284.6°, 21.5, 32	`hsl(284.6,21.5%,32%)`
HSV (or HSB)	284.6°, 35.4, 38.8
Web Safe	663366	`#663366`

CIE-LAB	31.211, 18.347, -16.237
XYZ	8.302, 6.741, 12.668
xyY	0.3, 0.243, 6.741
CIE-LCH	31.211, 24.501, 318.491
CIE-LUV	31.211, 11.118, -23.041
Hunter-Lab	25.964, 11.635, -10.752
Binary	01011010, 01000000, 01100011

#5a4063
```
#5a4063 rgb(90,64,99)
```
#496340
```
#496340 rgb(73,99,64)
```

Complementary Color

#494063
```
#494063 rgb(73,64,99)
```
#5a4063
```
#5a4063 rgb(90,64,99)
```
#63405b
```
#63405b rgb(99,64,91)
```

Analogous Color

#406349
```
#406349 rgb(64,99,73)
```
#5a4063
```
#5a4063 rgb(90,64,99)
```
#5b6340
```
#5b6340 rgb(91,99,64)
```

Split Complementary Color

#302235
```
#302235 rgb(48,34,53)
```
#3e2c44
```
#3e2c44 rgb(62,44,68)
```
#4c3654
```
#4c3654 rgb(76,54,84)
```
#5a4063
```
#5a4063 rgb(90,64,99)
```
#684a72
```
#684a72 rgb(104,74,114)
```
#765482
```
#765482 rgb(118,84,130)
```
#845e91
```
#845e91 rgb(132,94,145)
```

Monochromatic Color

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

#514063
```
#514063 rgb(81,64,99)
```
#544063
```
#544063 rgb(84,64,99)
```
#574063
```
#574063 rgb(87,64,99)
```
#5a4063
```
#5a4063 rgb(90,64,99)
```
#5d4063
```
#5d4063 rgb(93,64,99)
```
#604063
```
#604063 rgb(96,64,99)
```
#634063
```
#634063 rgb(99,64,99)
```

Similar Colors

Text with hexadecimal color #5a4063

This text has a font color of #5a4063.

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

#5a4063 background color

This paragraph has a background color of #5a4063.

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

#5a4063 border color

This element has a border color of #5a4063.

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

CSS codes

.text {color:#5a4063;}

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

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0e0a10
```
#0e0a10 rgb(14,10,16)
```
#19121c
```
#19121c rgb(25,18,28)
```
#241927
```
#241927 rgb(36,25,39)
```
#2f2133
```
#2f2133 rgb(47,33,51)
```
#3a293f
```
#3a293f rgb(58,41,63)
```
#44314b
```
#44314b rgb(68,49,75)
```
#4f3857
```
#4f3857 rgb(79,56,87)
```
#5a4063
```
#5a4063 rgb(90,64,99)
```
#65486f
```
#65486f rgb(101,72,111)
```
#704f7b
```
#704f7b rgb(112,79,123)
```
#7a5787
```
#7a5787 rgb(122,87,135)
```
#855f93
```
#855f93 rgb(133,95,147)
```

Shade Color Variation

#90689d
```
#90689d rgb(144,104,157)
```
#9874a5
```
#9874a5 rgb(152,116,165)
```
#a180ad
```
#a180ad rgb(161,128,173)
```
#aa8cb4
```
#aa8cb4 rgb(170,140,180)
```
#b397bc
```
#b397bc rgb(179,151,188)
```
#bba3c4
```
#bba3c4 rgb(187,163,196)
```
#c4afcb
```
#c4afcb rgb(196,175,203)
```
#cdbbd3
```
#cdbbd3 rgb(205,187,211)
```
#d6c7db
```
#d6c7db rgb(214,199,219)
```
#dfd3e3
```
#dfd3e3 rgb(223,211,227)
```
#e7dfea
```
#e7dfea rgb(231,223,234)
```
#f0ebf2
```
#f0ebf2 rgb(240,235,242)
```
#f9f7fa
```
#f9f7fa rgb(249,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #544d56 is the less saturated color, while #7801a2 is the most saturated one.

#544d56
```
#544d56 rgb(84,77,86)
```
#57465d
```
#57465d rgb(87,70,93)
```
#5a4063
```
#5a4063 rgb(90,64,99)
```
#5d3a69
```
#5d3a69 rgb(93,58,105)
```
#603370
```
#603370 rgb(96,51,112)
```
#632d76
```
#632d76 rgb(99,45,118)
```
#66277c
```
#66277c rgb(102,39,124)
```
#692182
```
#692182 rgb(105,33,130)
```
#6c1a89
```
#6c1a89 rgb(108,26,137)
```
#6f148f
```
#6f148f rgb(111,20,143)
```
#720e95
```
#720e95 rgb(114,14,149)
```
#75089b
```
#75089b rgb(117,8,155)
```
#7801a2
```
#7801a2 rgb(120,1,162)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4f4a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485170 Protanopia 1% of men
#4e5168 Deuteranopia 1% of men
#5e4e54 Tritanopia 0.001% of the population

Trichromacy

#4f4b6b Protanomaly 1% of men, 0.01% of women
#524b66 Deuteranomaly 6% of men, 0.4% of women
#5c4959 Tritanomaly 0.01% of the population