#5a567a hex color

In a RGB color space, hex #5a567a is composed of 35.3% red, 33.7% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 29.5% magenta, 0% yellow and 52.2% black. It has a hue angle of 246.7 degrees, a saturation of 17.3% and a lightness of 40.8%. #5a567a color hex could be obtained by blending #b4acf4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 34
- B 48
RGB color chart
- C 26
- M 30
- Y 0
- K 52
CMYK color chart

● #5a567a color description : Mostly desaturated dark blue.

The hexadecimal color #5a567a has RGB values of R:90, G:86, B:122 and CMYK values of C:0.26, M:0.3, Y:0, K:0.52. Its decimal value is 5920378.

Hex triplet	5a567a	`#5a567a`
RGB Decimal	90, 86, 122	`rgb(90,86,122)`
RGB Percent	35.3, 33.7, 47.8	`rgb(35.3%,33.7%,47.8%)`
CMYK	26, 30, 0, 52
HSL	246.7°, 17.3, 40.8	`hsl(246.7,17.3%,40.8%)`
HSV (or HSB)	246.7°, 29.5, 47.8
Web Safe	666666	`#666666`

CIE-LAB	38.26, 10.2, -19.766
XYZ	11.056, 10.234, 19.804
xyY	0.269, 0.249, 10.234
CIE-LCH	38.26, 22.243, 297.296
CIE-LUV	38.26, -0.193, -28.404
Hunter-Lab	31.991, 5.707, -14.31
Binary	01011010, 01010110, 01111010

#5a567a
```
#5a567a rgb(90,86,122)
```
#767a56
```
#767a56 rgb(118,122,86)
```

Complementary Color

#56647a
```
#56647a rgb(86,100,122)
```
#5a567a
```
#5a567a rgb(90,86,122)
```
#6c567a
```
#6c567a rgb(108,86,122)
```

Analogous Color

#647a56
```
#647a56 rgb(100,122,86)
```
#5a567a
```
#5a567a rgb(90,86,122)
```
#7a6c56
```
#7a6c56 rgb(122,108,86)
```

Split Complementary Color

#567a5a
```
#567a5a rgb(86,122,90)
```
#5a567a
```
#5a567a rgb(90,86,122)
```
#7a5a56
```
#7a5a56 rgb(122,90,86)
```

Triadic Color

#56767a
```
#56767a rgb(86,118,122)
```
#5a567a
```
#5a567a rgb(90,86,122)
```
#7a5a56
```
#7a5a56 rgb(122,90,86)
```
#767a56
```
#767a56 rgb(118,122,86)
```

Tetradic Color

#39364d
```
#39364d rgb(57,54,77)
```
#44415c
```
#44415c rgb(68,65,92)
```
#4f4b6b
```
#4f4b6b rgb(79,75,107)
```
#5a567a
```
#5a567a rgb(90,86,122)
```
#656189
```
#656189 rgb(101,97,137)
```
#716c97
```
#716c97 rgb(113,108,151)
```
#7f7ba2
```
#7f7ba2 rgb(127,123,162)
```

Monochromatic Color

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

#565b7a
```
#565b7a rgb(86,91,122)
```
#56587a
```
#56587a rgb(86,88,122)
```
#57567a
```
#57567a rgb(87,86,122)
```
#5a567a
```
#5a567a rgb(90,86,122)
```
#5d567a
```
#5d567a rgb(93,86,122)
```
#60567a
```
#60567a rgb(96,86,122)
```
#63567a
```
#63567a rgb(99,86,122)
```

Similar Colors

Text with hexadecimal color #5a567a

This text has a font color of #5a567a.

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

#5a567a background color

This paragraph has a background color of #5a567a.

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

#5a567a border color

This element has a border color of #5a567a.

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

CSS codes

.text {color:#5a567a;}

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

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

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

#050507
```
#050507 rgb(5,5,7)
```
#0e0d12
```
#0e0d12 rgb(14,13,18)
```
#16151e
```
#16151e rgb(22,21,30)
```
#1f1d29
```
#1f1d29 rgb(31,29,41)
```
#272535
```
#272535 rgb(39,37,53)
```
#302d40
```
#302d40 rgb(48,45,64)
```
#38364c
```
#38364c rgb(56,54,76)
```
#413e57
```
#413e57 rgb(65,62,87)
```
#494663
```
#494663 rgb(73,70,99)
```
#524e6e
```
#524e6e rgb(82,78,110)
```
#5a567a
```
#5a567a rgb(90,86,122)
```
#625e86
```
#625e86 rgb(98,94,134)
```
#6b6691
```
#6b6691 rgb(107,102,145)
```

Shade Color Variation

#75709a
```
#75709a rgb(117,112,154)
```
#807ca3
```
#807ca3 rgb(128,124,163)
```
#8b87ab
```
#8b87ab rgb(139,135,171)
```
#9693b3
```
#9693b3 rgb(150,147,179)
```
#a29ebb
```
#a29ebb rgb(162,158,187)
```
#adaac3
```
#adaac3 rgb(173,170,195)
```
#b8b5cb
```
#b8b5cb rgb(184,181,203)
```
#c3c1d3
```
#c3c1d3 rgb(195,193,211)
```
#ceccdb
```
#ceccdb rgb(206,204,219)
```
#d9d8e3
```
#d9d8e3 rgb(217,216,227)
```
#e4e3ec
```
#e4e3ec rgb(228,227,236)
```
#efeff4
```
#efeff4 rgb(239,239,244)
```
#fbfafc
```
#fbfafc rgb(251,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66666a is the less saturated color, while #1c06ca is the most saturated one.

#66666a
```
#66666a rgb(102,102,106)
```
#605e72
```
#605e72 rgb(96,94,114)
```
#5a567a
```
#5a567a rgb(90,86,122)
```
#544e82
```
#544e82 rgb(84,78,130)
```
#4e468a
```
#4e468a rgb(78,70,138)
```
#473e92
```
#473e92 rgb(71,62,146)
```
#41369a
```
#41369a rgb(65,54,154)
```
#3b2ea2
```
#3b2ea2 rgb(59,46,162)
```
#3526aa
```
#3526aa rgb(53,38,170)
```
#2e1eb2
```
#2e1eb2 rgb(46,30,178)
```
#2816ba
```
#2816ba rgb(40,22,186)
```
#220ec2
```
#220ec2 rgb(34,14,194)
```
#1c06ca
```
#1c06ca rgb(28,6,202)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5b5a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586182 Protanopia 1% of men
#5a6180 Deuteranopia 1% of men
#5d636a Tritanopia 0.001% of the population

Trichromacy

#585d7f Protanomaly 1% of men, 0.01% of women
#5a5d7d Deuteranomaly 6% of men, 0.4% of women
#5c5e70 Tritanomaly 0.01% of the population

#5a567a hex color

#5a567a Color Information

#5a567a Color Conversion

Color Schemes with #5a567a

Alternatives to #5a567a

#5a567a Preview

Shades and Tints of #5a567a

Tones of #5a567a

Color Blindness Simulator