#5056a9 hex color

In a RGB color space, hex #5056a9 is composed of 31.4% red, 33.7% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 49.1% magenta, 0% yellow and 33.7% black. It has a hue angle of 236 degrees, a saturation of 35.7% and a lightness of 48.8%. #5056a9 color hex could be obtained by blending #a0acff with #000053. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 34
- B 66
RGB color chart
- C 53
- M 49
- Y 0
- K 34
CMYK color chart

● #5056a9 color description : Dark moderate blue.

The hexadecimal color #5056a9 has RGB values of R:80, G:86, B:169 and CMYK values of C:0.53, M:0.49, Y:0, K:0.34. Its decimal value is 5265065.

Hex triplet	5056a9	`#5056a9`
RGB Decimal	80, 86, 169	`rgb(80,86,169)`
RGB Percent	31.4, 33.7, 66.3	`rgb(31.4%,33.7%,66.3%)`
CMYK	53, 49, 0, 34
HSL	236°, 35.7, 48.8	`hsl(236,35.7%,48.8%)`
HSV (or HSB)	236°, 52.7, 66.3
Web Safe	666699	`#666699`

CIE-LAB	39.957, 21.576, -45.526
XYZ	13.796, 11.225, 38.974
xyY	0.216, 0.175, 11.225
CIE-LCH	39.957, 50.38, 295.357
CIE-LUV	39.957, -6.927, -67.82
Hunter-Lab	33.504, 14.87, -45.517
Binary	01010000, 01010110, 10101001

#5056a9
```
#5056a9 rgb(80,86,169)
```
#a9a350
```
#a9a350 rgb(169,163,80)
```

Complementary Color

#5083a9
```
#5083a9 rgb(80,131,169)
```
#5056a9
```
#5056a9 rgb(80,86,169)
```
#7750a9
```
#7750a9 rgb(119,80,169)
```

Analogous Color

#83a950
```
#83a950 rgb(131,169,80)
```
#5056a9
```
#5056a9 rgb(80,86,169)
```
#a97750
```
#a97750 rgb(169,119,80)
```

Split Complementary Color

#56a950
```
#56a950 rgb(86,169,80)
```
#5056a9
```
#5056a9 rgb(80,86,169)
```
#a95056
```
#a95056 rgb(169,80,86)
```

Triadic Color

#50a9a3
```
#50a9a3 rgb(80,169,163)
```
#5056a9
```
#5056a9 rgb(80,86,169)
```
#a95056
```
#a95056 rgb(169,80,86)
```
#a9a350
```
#a9a350 rgb(169,163,80)
```

Tetradic Color

#373c75
```
#373c75 rgb(55,60,117)
```
#404486
```
#404486 rgb(64,68,134)
```
#484d98
```
#484d98 rgb(72,77,152)
```
#5056a9
```
#5056a9 rgb(80,86,169)
```
#5f65b3
```
#5f65b3 rgb(95,101,179)
```
#7076bc
```
#7076bc rgb(112,118,188)
```
#8286c4
```
#8286c4 rgb(130,134,196)
```

Monochromatic Color

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

#506ca9
```
#506ca9 rgb(80,108,169)
```
#5065a9
```
#5065a9 rgb(80,101,169)
```
#505da9
```
#505da9 rgb(80,93,169)
```
#5056a9
```
#5056a9 rgb(80,86,169)
```
#5150a9
```
#5150a9 rgb(81,80,169)
```
#5950a9
```
#5950a9 rgb(89,80,169)
```
#6050a9
```
#6050a9 rgb(96,80,169)
```

Similar Colors

Text with hexadecimal color #5056a9

This text has a font color of #5056a9.

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

#5056a9 background color

This paragraph has a background color of #5056a9.

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

#5056a9 border color

This element has a border color of #5056a9.

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

CSS codes

.text {color:#5056a9;}

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

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

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

#040509
```
#040509 rgb(4,5,9)
```
#0b0b17
```
#0b0b17 rgb(11,11,23)
```
#111224
```
#111224 rgb(17,18,36)
```
#171931
```
#171931 rgb(23,25,49)
```
#1e203e
```
#1e203e rgb(30,32,62)
```
#24274c
```
#24274c rgb(36,39,76)
```
#2a2d59
```
#2a2d59 rgb(42,45,89)
```
#303466
```
#303466 rgb(48,52,102)
```
#373b74
```
#373b74 rgb(55,59,116)
```
#3d4281
```
#3d4281 rgb(61,66,129)
```
#43488e
```
#43488e rgb(67,72,142)
```
#4a4f9c
```
#4a4f9c rgb(74,79,156)
```
#5056a9
```
#5056a9 rgb(80,86,169)
```

Shade Color Variation

#5b61b1
```
#5b61b1 rgb(91,97,177)
```
#686eb8
```
#686eb8 rgb(104,110,184)
```
#767bbe
```
#767bbe rgb(118,123,190)
```
#8388c4
```
#8388c4 rgb(131,136,196)
```
#9094cb
```
#9094cb rgb(144,148,203)
```
#9ea1d1
```
#9ea1d1 rgb(158,161,209)
```
#abaed7
```
#abaed7 rgb(171,174,215)
```
#b8bbde
```
#b8bbde rgb(184,187,222)
```
#c6c8e4
```
#c6c8e4 rgb(198,200,228)
```
#d3d5ea
```
#d3d5ea rgb(211,213,234)
```
#e0e1f0
```
#e0e1f0 rgb(224,225,240)
```
#eeeef7
```
#eeeef7 rgb(238,238,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#767783
```
#767783 rgb(118,119,131)
```
#6d6f8c
```
#6d6f8c rgb(109,111,140)
```
#636796
```
#636796 rgb(99,103,150)
```
#5a5e9f
```
#5a5e9f rgb(90,94,159)
```
#5056a9
```
#5056a9 rgb(80,86,169)
```
#464eb3
```
#464eb3 rgb(70,78,179)
```
#3d45bc
```
#3d45bc rgb(61,69,188)
```
#333dc6
```
#333dc6 rgb(51,61,198)
```
#2a35cf
```
#2a35cf rgb(42,53,207)
```
#202dd9
```
#202dd9 rgb(32,45,217)
```
#1724e2
```
#1724e2 rgb(23,36,226)
```
#0d1cec
```
#0d1cec rgb(13,28,236)
```
#0314f6
```
#0314f6 rgb(3,20,246)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5b5c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a63b1 Protanopia 1% of men
#2667a9 Deuteranopia 1% of men
#406d75 Tritanopia 0.001% of the population

Trichromacy

#425eae Protanomaly 1% of men, 0.01% of women
#3561a9 Deuteranomaly 6% of men, 0.4% of women
#466487 Tritanomaly 0.01% of the population

#5056a9 hex color

#5056a9 Color Information

#5056a9 Color Conversion

Color Schemes with #5056a9

Alternatives to #5056a9

#5056a9 Preview

Shades and Tints of #5056a9

Tones of #5056a9

Color Blindness Simulator