#5056a0 hex color

In a RGB color space, hex #5056a0 is composed of 31.4% red, 33.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 46.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 235.5 degrees, a saturation of 33.3% and a lightness of 47.1%. #5056a0 color hex could be obtained by blending #a0acff with #000041. Closest websafe color is: #666699.

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

● #5056a0 color description : Dark moderate blue.

The hexadecimal color #5056a0 has RGB values of R:80, G:86, B:160 and CMYK values of C:0.5, M:0.46, Y:0, K:0.37. Its decimal value is 5265056.

Hex triplet	5056a0	`#5056a0`
RGB Decimal	80, 86, 160	`rgb(80,86,160)`
RGB Percent	31.4, 33.7, 62.7	`rgb(31.4%,33.7%,62.7%)`
CMYK	50, 46, 0, 37
HSL	235.5°, 33.3, 47.1	`hsl(235.5,33.3%,47.1%)`
HSV (or HSB)	235.5°, 50, 62.7
Web Safe	666699	`#666699`

CIE-LAB	39.409, 18.65, -41.046
XYZ	12.98, 10.899, 34.675
xyY	0.222, 0.186, 10.899
CIE-LCH	39.409, 45.084, 294.435
CIE-LUV	39.409, -6.524, -60.776
Hunter-Lab	33.013, 12.409, -39.166
Binary	01010000, 01010110, 10100000

#5056a0
```
#5056a0 rgb(80,86,160)
```
#a09a50
```
#a09a50 rgb(160,154,80)
```

Complementary Color

#507ea0
```
#507ea0 rgb(80,126,160)
```
#5056a0
```
#5056a0 rgb(80,86,160)
```
#7250a0
```
#7250a0 rgb(114,80,160)
```

Analogous Color

#7ea050
```
#7ea050 rgb(126,160,80)
```
#5056a0
```
#5056a0 rgb(80,86,160)
```
#a07250
```
#a07250 rgb(160,114,80)
```

Split Complementary Color

#56a050
```
#56a050 rgb(86,160,80)
```
#5056a0
```
#5056a0 rgb(80,86,160)
```
#a05056
```
#a05056 rgb(160,80,86)
```

Triadic Color

#50a09a
```
#50a09a rgb(80,160,154)
```
#5056a0
```
#5056a0 rgb(80,86,160)
```
#a05056
```
#a05056 rgb(160,80,86)
```
#a09a50
```
#a09a50 rgb(160,154,80)
```

Tetradic Color

#373b6d
```
#373b6d rgb(55,59,109)
```
#3f447e
```
#3f447e rgb(63,68,126)
```
#484d8f
```
#484d8f rgb(72,77,143)
```
#5056a0
```
#5056a0 rgb(80,86,160)
```
#5c62ae
```
#5c62ae rgb(92,98,174)
```
#6d72b6
```
#6d72b6 rgb(109,114,182)
```
#7e83bf
```
#7e83bf rgb(126,131,191)
```

Monochromatic Color

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

#506aa0
```
#506aa0 rgb(80,106,160)
```
#5063a0
```
#5063a0 rgb(80,99,160)
```
#505da0
```
#505da0 rgb(80,93,160)
```
#5056a0
```
#5056a0 rgb(80,86,160)
```
#5150a0
```
#5150a0 rgb(81,80,160)
```
#5750a0
```
#5750a0 rgb(87,80,160)
```
#5e50a0
```
#5e50a0 rgb(94,80,160)
```

Similar Colors

Text with hexadecimal color #5056a0

This text has a font color of #5056a0.

<span style="color:#5056a0;">Text here</span>

#5056a0 background color

This paragraph has a background color of #5056a0.

<p style="background-color:#5056a0;">Content here</p>

#5056a0 border color

This element has a border color of #5056a0.

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

CSS codes

.text {color:#5056a0;}

.background {background-color:#5056a0;}

.border {border:1px solid #5056a0;}

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

#020203
```
#020203 rgb(2,2,3)
```
#080910
```
#080910 rgb(8,9,16)
```
#0f101d
```
#0f101d rgb(15,16,29)
```
#15172a
```
#15172a rgb(21,23,42)
```
#1c1e37
```
#1c1e37 rgb(28,30,55)
```
#222544
```
#222544 rgb(34,37,68)
```
#292c52
```
#292c52 rgb(41,44,82)
```
#2f335f
```
#2f335f rgb(47,51,95)
```
#363a6c
```
#363a6c rgb(54,58,108)
```
#3c4179
```
#3c4179 rgb(60,65,121)
```
#434886
```
#434886 rgb(67,72,134)
```
#494f93
```
#494f93 rgb(73,79,147)
```
#5056a0
```
#5056a0 rgb(80,86,160)
```

Shade Color Variation

#585eac
```
#585eac rgb(88,94,172)
```
#656bb2
```
#656bb2 rgb(101,107,178)
```
#7278b9
```
#7278b9 rgb(114,120,185)
```
#7f84bf
```
#7f84bf rgb(127,132,191)
```
#8c91c6
```
#8c91c6 rgb(140,145,198)
```
#999dcc
```
#999dcc rgb(153,157,204)
```
#a7aad3
```
#a7aad3 rgb(167,170,211)
```
#b4b6d9
```
#b4b6d9 rgb(180,182,217)
```
#c1c3e0
```
#c1c3e0 rgb(193,195,224)
```
#ced0e6
```
#ced0e6 rgb(206,208,230)
```
#dbdced
```
#dbdced rgb(219,220,237)
```
#e8e9f3
```
#e8e9f3 rgb(232,233,243)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75757b is the less saturated color, while #0617ea is the most saturated one.

#75757b
```
#75757b rgb(117,117,123)
```
#6c6e84
```
#6c6e84 rgb(108,110,132)
```
#62668e
```
#62668e rgb(98,102,142)
```
#595e97
```
#595e97 rgb(89,94,151)
```
#5056a0
```
#5056a0 rgb(80,86,160)
```
#474ea9
```
#474ea9 rgb(71,78,169)
```
#3e46b2
```
#3e46b2 rgb(62,70,178)
```
#343ebc
```
#343ebc rgb(52,62,188)
```
#2b37c5
```
#2b37c5 rgb(43,55,197)
```
#222fce
```
#222fce rgb(34,47,206)
```
#1927d7
```
#1927d7 rgb(25,39,215)
```
#0f1fe1
```
#0f1fe1 rgb(15,31,225)
```
#0617ea
```
#0617ea rgb(6,23,234)
```

Tone Color Variation

Below, you can see how #5056a0 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

#5d5d5d Achromatopsia 0.005% of the population
#5a5c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4263a8 Protanopia 1% of men
#3666a2 Deuteranopia 1% of men
#456a72 Tritanopia 0.001% of the population

Trichromacy

#475ea5 Protanomaly 1% of men, 0.01% of women
#3f60a1 Deuteranomaly 6% of men, 0.4% of women
#496383 Tritanomaly 0.01% of the population

#5056a0 hex color

#5056a0 Color Information

#5056a0 Color Conversion

Color Schemes with #5056a0

Alternatives to #5056a0

#5056a0 Preview

Shades and Tints of #5056a0

Tones of #5056a0

Color Blindness Simulator