#5057a9 hex color

In a RGB color space, hex #5057a9 is composed of 31.4% red, 34.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 48.5% magenta, 0% yellow and 33.7% black. It has a hue angle of 235.3 degrees, a saturation of 35.7% and a lightness of 48.8%. #5057a9 color hex could be obtained by blending #a0aeff 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

● #5057a9 color description : Dark moderate blue.

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

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

CIE-LAB	40.223, 20.939, -45.1
XYZ	13.876, 11.386, 39
xyY	0.216, 0.177, 11.386
CIE-LCH	40.223, 49.724, 294.904
CIE-LUV	40.223, -7.238, -67.269
Hunter-Lab	33.743, 14.356, -44.908
Binary	01010000, 01010111, 10101001

#5057a9
```
#5057a9 rgb(80,87,169)
```
#a9a250
```
#a9a250 rgb(169,162,80)
```

Complementary Color

#5084a9
```
#5084a9 rgb(80,132,169)
```
#5057a9
```
#5057a9 rgb(80,87,169)
```
#7650a9
```
#7650a9 rgb(118,80,169)
```

Analogous Color

#84a950
```
#84a950 rgb(132,169,80)
```
#5057a9
```
#5057a9 rgb(80,87,169)
```
#a97650
```
#a97650 rgb(169,118,80)
```

Split Complementary Color

#57a950
```
#57a950 rgb(87,169,80)
```
#5057a9
```
#5057a9 rgb(80,87,169)
```
#a95057
```
#a95057 rgb(169,80,87)
```

Triadic Color

#50a9a2
```
#50a9a2 rgb(80,169,162)
```
#5057a9
```
#5057a9 rgb(80,87,169)
```
#a95057
```
#a95057 rgb(169,80,87)
```
#a9a250
```
#a9a250 rgb(169,162,80)
```

Tetradic Color

#373c75
```
#373c75 rgb(55,60,117)
```
#404586
```
#404586 rgb(64,69,134)
```
#484e98
```
#484e98 rgb(72,78,152)
```
#5057a9
```
#5057a9 rgb(80,87,169)
```
#5f66b3
```
#5f66b3 rgb(95,102,179)
```
#7076bc
```
#7076bc rgb(112,118,188)
```
#8287c4
```
#8287c4 rgb(130,135,196)
```

Monochromatic Color

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

#506da9
```
#506da9 rgb(80,109,169)
```
#5066a9
```
#5066a9 rgb(80,102,169)
```
#505ea9
```
#505ea9 rgb(80,94,169)
```
#5057a9
```
#5057a9 rgb(80,87,169)
```
#5050a9
```
#5050a9 rgb(80,80,169)
```
#5850a9
```
#5850a9 rgb(88,80,169)
```
#5f50a9
```
#5f50a9 rgb(95,80,169)
```

Similar Colors

Text with hexadecimal color #5057a9

This text has a font color of #5057a9.

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

#5057a9 background color

This paragraph has a background color of #5057a9.

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

#5057a9 border color

This element has a border color of #5057a9.

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

CSS codes

.text {color:#5057a9;}

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

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

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)
```
#0b0c17
```
#0b0c17 rgb(11,12,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)
```
#2a2e59
```
#2a2e59 rgb(42,46,89)
```
#303566
```
#303566 rgb(48,53,102)
```
#373c74
```
#373c74 rgb(55,60,116)
```
#3d4281
```
#3d4281 rgb(61,66,129)
```
#43498e
```
#43498e rgb(67,73,142)
```
#4a509c
```
#4a509c rgb(74,80,156)
```
#5057a9
```
#5057a9 rgb(80,87,169)
```

Shade Color Variation

#5b62b1
```
#5b62b1 rgb(91,98,177)
```
#686fb8
```
#686fb8 rgb(104,111,184)
```
#767bbe
```
#767bbe rgb(118,123,190)
```
#8388c4
```
#8388c4 rgb(131,136,196)
```
#9095cb
```
#9095cb rgb(144,149,203)
```
#9ea2d1
```
#9ea2d1 rgb(158,162,209)
```
#abafd7
```
#abafd7 rgb(171,175,215)
```
#b8bbde
```
#b8bbde rgb(184,187,222)
```
#c6c8e4
```
#c6c8e4 rgb(198,200,228)
```
#d3d5ea
```
#d3d5ea rgb(211,213,234)
```
#e0e2f0
```
#e0e2f0 rgb(224,226,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 #0316f6 is the most saturated one.

#767783
```
#767783 rgb(118,119,131)
```
#6d6f8c
```
#6d6f8c rgb(109,111,140)
```
#636796
```
#636796 rgb(99,103,150)
```
#5a5f9f
```
#5a5f9f rgb(90,95,159)
```
#5057a9
```
#5057a9 rgb(80,87,169)
```
#464fb3
```
#464fb3 rgb(70,79,179)
```
#3d47bc
```
#3d47bc rgb(61,71,188)
```
#333fc6
```
#333fc6 rgb(51,63,198)
```
#2a37cf
```
#2a37cf rgb(42,55,207)
```
#202fd9
```
#202fd9 rgb(32,47,217)
```
#1727e2
```
#1727e2 rgb(23,39,226)
```
#0d1fec
```
#0d1fec rgb(13,31,236)
```
#0316f6
```
#0316f6 rgb(3,22,246)
```

Tone Color Variation

Below, you can see how #5057a9 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
#5b5d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c64b1 Protanopia 1% of men
#2a68a9 Deuteranopia 1% of men
#416d75 Tritanopia 0.001% of the population

Trichromacy

#435fae Protanomaly 1% of men, 0.01% of women
#3762a9 Deuteranomaly 6% of men, 0.4% of women
#466588 Tritanomaly 0.01% of the population

#5057a9 hex color

#5057a9 Color Information

#5057a9 Color Conversion

Color Schemes with #5057a9

Alternatives to #5057a9

#5057a9 Preview

Shades and Tints of #5057a9

Tones of #5057a9

Color Blindness Simulator