#5a569c hex color

In a RGB color space, hex #5a569c is composed of 35.3% red, 33.7% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 42.3% cyan, 44.9% magenta, 0% yellow and 38.8% black. It has a hue angle of 243.4 degrees, a saturation of 28.9% and a lightness of 47.5%. #5a569c color hex could be obtained by blending #b4acff with #000039. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 34
- B 61
RGB color chart
- C 42
- M 45
- Y 0
- K 39
CMYK color chart

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

The hexadecimal color #5a569c has RGB values of R:90, G:86, B:156 and CMYK values of C:0.42, M:0.45, Y:0, K:0.39. Its decimal value is 5920412.

Hex triplet	5a569c	`#5a569c`
RGB Decimal	90, 86, 156	`rgb(90,86,156)`
RGB Percent	35.3, 33.7, 61.2	`rgb(35.3%,33.7%,61.2%)`
CMYK	42, 45, 0, 39
HSL	243.4°, 28.9, 47.5	`hsl(243.4,28.9%,47.5%)`
HSV (or HSB)	243.4°, 44.9, 61.2
Web Safe	666699	`#666699`

CIE-LAB	39.964, 19.935, -37.724
XYZ	13.544, 11.229, 32.905
xyY	0.235, 0.195, 11.229
CIE-LCH	39.964, 42.667, 297.854
CIE-LUV	39.964, -2.513, -56.261
Hunter-Lab	33.51, 13.502, -34.762
Binary	01011010, 01010110, 10011100

#5a569c
```
#5a569c rgb(90,86,156)
```
#989c56
```
#989c56 rgb(152,156,86)
```

Complementary Color

#56759c
```
#56759c rgb(86,117,156)
```
#5a569c
```
#5a569c rgb(90,86,156)
```
#7d569c
```
#7d569c rgb(125,86,156)
```

Analogous Color

#759c56
```
#759c56 rgb(117,156,86)
```
#5a569c
```
#5a569c rgb(90,86,156)
```
#9c7d56
```
#9c7d56 rgb(156,125,86)
```

Split Complementary Color

#569c5a
```
#569c5a rgb(86,156,90)
```
#5a569c
```
#5a569c rgb(90,86,156)
```
#9c5a56
```
#9c5a56 rgb(156,90,86)
```

Triadic Color

#56989c
```
#56989c rgb(86,152,156)
```
#5a569c
```
#5a569c rgb(90,86,156)
```
#9c5a56
```
#9c5a56 rgb(156,90,86)
```
#989c56
```
#989c56 rgb(152,156,86)
```

Tetradic Color

#3e3b6b
```
#3e3b6b rgb(62,59,107)
```
#47447b
```
#47447b rgb(71,68,123)
```
#514d8c
```
#514d8c rgb(81,77,140)
```
#5a569c
```
#5a569c rgb(90,86,156)
```
#6763a9
```
#6763a9 rgb(103,99,169)
```
#7773b2
```
#7773b2 rgb(119,115,178)
```
#8784bb
```
#8784bb rgb(135,132,187)
```

Monochromatic Color

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

#56649c
```
#56649c rgb(86,100,156)
```
#565e9c
```
#565e9c rgb(86,94,156)
```
#56589c
```
#56589c rgb(86,88,156)
```
#5a569c
```
#5a569c rgb(90,86,156)
```
#60569c
```
#60569c rgb(96,86,156)
```
#66569c
```
#66569c rgb(102,86,156)
```
#6c569c
```
#6c569c rgb(108,86,156)
```

Similar Colors

Text with hexadecimal color #5a569c

This text has a font color of #5a569c.

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

#5a569c background color

This paragraph has a background color of #5a569c.

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

#5a569c border color

This element has a border color of #5a569c.

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

CSS codes

.text {color:#5a569c;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0911
```
#0a0911 rgb(10,9,17)
```
#11101e
```
#11101e rgb(17,16,30)
```
#18172a
```
#18172a rgb(24,23,42)
```
#201e37
```
#201e37 rgb(32,30,55)
```
#272543
```
#272543 rgb(39,37,67)
```
#2e2c50
```
#2e2c50 rgb(46,44,80)
```
#36335d
```
#36335d rgb(54,51,93)
```
#3d3a69
```
#3d3a69 rgb(61,58,105)
```
#444176
```
#444176 rgb(68,65,118)
```
#4b4883
```
#4b4883 rgb(75,72,131)
```
#534f8f
```
#534f8f rgb(83,79,143)
```
#5a569c
```
#5a569c rgb(90,86,156)
```

Shade Color Variation

#635fa7
```
#635fa7 rgb(99,95,167)
```
#6f6cae
```
#6f6cae rgb(111,108,174)
```
#7c78b5
```
#7c78b5 rgb(124,120,181)
```
#8885bc
```
#8885bc rgb(136,133,188)
```
#9491c3
```
#9491c3 rgb(148,145,195)
```
#a19eca
```
#a19eca rgb(161,158,202)
```
#adabd1
```
#adabd1 rgb(173,171,209)
```
#b9b7d8
```
#b9b7d8 rgb(185,183,216)
```
#c6c4de
```
#c6c4de rgb(198,196,222)
```
#d2d1e5
```
#d2d1e5 rgb(210,209,229)
```
#deddec
```
#deddec rgb(222,221,236)
```
#ebeaf3
```
#ebeaf3 rgb(235,234,243)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737280 is the less saturated color, while #1002f0 is the most saturated one.

#737280
```
#737280 rgb(115,114,128)
```
#6a6989
```
#6a6989 rgb(106,105,137)
```
#625f93
```
#625f93 rgb(98,95,147)
```
#5a569c
```
#5a569c rgb(90,86,156)
```
#524da5
```
#524da5 rgb(82,77,165)
```
#4a43af
```
#4a43af rgb(74,67,175)
```
#413ab8
```
#413ab8 rgb(65,58,184)
```
#3931c1
```
#3931c1 rgb(57,49,193)
```
#3127cb
```
#3127cb rgb(49,39,203)
```
#291ed4
```
#291ed4 rgb(41,30,212)
```
#2015dd
```
#2015dd rgb(32,21,221)
```
#180ce6
```
#180ce6 rgb(24,12,230)
```
#1002f0
```
#1002f0 rgb(16,2,240)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5e5d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4864a5 Protanopia 1% of men
#42669e Deuteranopia 1% of men
#536a71 Tritanopia 0.001% of the population

Trichromacy

#4e5fa2 Protanomaly 1% of men, 0.01% of women
#4b609d Deuteranomaly 6% of men, 0.4% of women
#566281 Tritanomaly 0.01% of the population

#5a569c hex color

#5a569c Color Information

#5a569c Color Conversion

Color Schemes with #5a569c

Alternatives to #5a569c

#5a569c Preview

Shades and Tints of #5a569c

Tones of #5a569c

Color Blindness Simulator