#5a56a0 hex color

In a RGB color space, hex #5a56a0 is composed of 35.3% red, 33.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 46.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 243.2 degrees, a saturation of 30.1% and a lightness of 48.2%. #5a56a0 color hex could be obtained by blending #b4acff with #000041. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 34
- B 63
RGB color chart
- C 44
- M 46
- Y 0
- K 37
CMYK color chart

● #5a56a0 color description : Dark moderate blue.

The hexadecimal color #5a56a0 has RGB values of R:90, G:86, B:160 and CMYK values of C:0.44, M:0.46, Y:0, K:0.37. Its decimal value is 5920416.

Hex triplet	5a56a0	`#5a56a0`
RGB Decimal	90, 86, 160	`rgb(90,86,160)`
RGB Percent	35.3, 33.7, 62.7	`rgb(35.3%,33.7%,62.7%)`
CMYK	44, 46, 0, 37
HSL	243.2°, 30.1, 48.2	`hsl(243.2,30.1%,48.2%)`
HSV (or HSB)	243.2°, 46.3, 62.7
Web Safe	666699	`#666699`

CIE-LAB	40.192, 21.147, -39.753
XYZ	13.888, 11.367, 34.718
xyY	0.232, 0.19, 11.367
CIE-LCH	40.192, 45.028, 298.012
CIE-LUV	40.192, -2.777, -59.455
Hunter-Lab	33.715, 14.528, -37.454
Binary	01011010, 01010110, 10100000

#5a56a0
```
#5a56a0 rgb(90,86,160)
```
#9ca056
```
#9ca056 rgb(156,160,86)
```

Complementary Color

#5677a0
```
#5677a0 rgb(86,119,160)
```
#5a56a0
```
#5a56a0 rgb(90,86,160)
```
#7f56a0
```
#7f56a0 rgb(127,86,160)
```

Analogous Color

#77a056
```
#77a056 rgb(119,160,86)
```
#5a56a0
```
#5a56a0 rgb(90,86,160)
```
#a07f56
```
#a07f56 rgb(160,127,86)
```

Split Complementary Color

#56a05a
```
#56a05a rgb(86,160,90)
```
#5a56a0
```
#5a56a0 rgb(90,86,160)
```
#a05a56
```
#a05a56 rgb(160,90,86)
```

Triadic Color

#569ca0
```
#569ca0 rgb(86,156,160)
```
#5a56a0
```
#5a56a0 rgb(90,86,160)
```
#a05a56
```
#a05a56 rgb(160,90,86)
```
#9ca056
```
#9ca056 rgb(156,160,86)
```

Tetradic Color

#3e3b6e
```
#3e3b6e rgb(62,59,110)
```
#47447f
```
#47447f rgb(71,68,127)
```
#514d8f
```
#514d8f rgb(81,77,143)
```
#5a56a0
```
#5a56a0 rgb(90,86,160)
```
#6864ac
```
#6864ac rgb(104,100,172)
```
#7874b5
```
#7874b5 rgb(120,116,181)
```
#8885bd
```
#8885bd rgb(136,133,189)
```

Monochromatic Color

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

#5665a0
```
#5665a0 rgb(86,101,160)
```
#565ea0
```
#565ea0 rgb(86,94,160)
```
#5658a0
```
#5658a0 rgb(86,88,160)
```
#5a56a0
```
#5a56a0 rgb(90,86,160)
```
#6056a0
```
#6056a0 rgb(96,86,160)
```
#6656a0
```
#6656a0 rgb(102,86,160)
```
#6d56a0
```
#6d56a0 rgb(109,86,160)
```

Similar Colors

Text with hexadecimal color #5a56a0

This text has a font color of #5a56a0.

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

#5a56a0 background color

This paragraph has a background color of #5a56a0.

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

#5a56a0 border color

This element has a border color of #5a56a0.

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

CSS codes

.text {color:#5a56a0;}

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

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0b0b14
```
#0b0b14 rgb(11,11,20)
```
#121120
```
#121120 rgb(18,17,32)
```
#19182d
```
#19182d rgb(25,24,45)
```
#211f3a
```
#211f3a rgb(33,31,58)
```
#282647
```
#282647 rgb(40,38,71)
```
#2f2d53
```
#2f2d53 rgb(47,45,83)
```
#363460
```
#363460 rgb(54,52,96)
```
#3d3b6d
```
#3d3b6d rgb(61,59,109)
```
#44417a
```
#44417a rgb(68,65,122)
```
#4c4886
```
#4c4886 rgb(76,72,134)
```
#534f93
```
#534f93 rgb(83,79,147)
```
#5a56a0
```
#5a56a0 rgb(90,86,160)
```

Shade Color Variation

#6460aa
```
#6460aa rgb(100,96,170)
```
#706db0
```
#706db0 rgb(112,109,176)
```
#7d7ab7
```
#7d7ab7 rgb(125,122,183)
```
#8986be
```
#8986be rgb(137,134,190)
```
#9693c5
```
#9693c5 rgb(150,147,197)
```
#a2a0cc
```
#a2a0cc rgb(162,160,204)
```
#afadd3
```
#afadd3 rgb(175,173,211)
```
#bbb9da
```
#bbb9da rgb(187,185,218)
```
#c8c6e0
```
#c8c6e0 rgb(200,198,224)
```
#d4d3e7
```
#d4d3e7 rgb(212,211,231)
```
#e0e0ee
```
#e0e0ee rgb(224,224,238)
```
#edecf5
```
#edecf5 rgb(237,236,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#737284
```
#737284 rgb(115,114,132)
```
#6b698d
```
#6b698d rgb(107,105,141)
```
#625f97
```
#625f97 rgb(98,95,151)
```
#5a56a0
```
#5a56a0 rgb(90,86,160)
```
#524da9
```
#524da9 rgb(82,77,169)
```
#4943b3
```
#4943b3 rgb(73,67,179)
```
#413abc
```
#413abc rgb(65,58,188)
```
#3830c6
```
#3830c6 rgb(56,48,198)
```
#3027cf
```
#3027cf rgb(48,39,207)
```
#271dd9
```
#271dd9 rgb(39,29,217)
```
#1f14e2
```
#1f14e2 rgb(31,20,226)
```
#160aec
```
#160aec rgb(22,10,236)
```
#0e01f5
```
#0e01f5 rgb(14,1,245)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5f5e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4564a9 Protanopia 1% of men
#3e67a1 Deuteranopia 1% of men
#526a72 Tritanopia 0.001% of the population

Trichromacy

#4c5fa6 Protanomaly 1% of men, 0.01% of women
#4861a0 Deuteranomaly 6% of men, 0.4% of women
#556383 Tritanomaly 0.01% of the population

#5a56a0 hex color

#5a56a0 Color Information

#5a56a0 Color Conversion

Color Schemes with #5a56a0

Alternatives to #5a56a0

#5a56a0 Preview

Shades and Tints of #5a56a0

Tones of #5a56a0

Color Blindness Simulator