#5057a8 hex color

In a RGB color space, hex #5057a8 is composed of 31.4% red, 34.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 48.2% magenta, 0% yellow and 34.1% black. It has a hue angle of 235.2 degrees, a saturation of 35.5% and a lightness of 48.6%. #5057a8 color hex could be obtained by blending #a0aeff with #000051. Closest websafe color is: #666699.

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

● #5057a8 color description : Dark moderate blue.

The hexadecimal color #5057a8 has RGB values of R:80, G:87, B:168 and CMYK values of C:0.52, M:0.48, Y:0, K:0.34. Its decimal value is 5265320.

Hex triplet	5057a8	`#5057a8`
RGB Decimal	80, 87, 168	`rgb(80,87,168)`
RGB Percent	31.4, 34.1, 65.9	`rgb(31.4%,34.1%,65.9%)`
CMYK	52, 48, 0, 34
HSL	235.2°, 35.5, 48.6	`hsl(235.2,35.5%,48.6%)`
HSV (or HSB)	235.2°, 52.4, 65.9
Web Safe	666699	`#666699`

CIE-LAB	40.161, 20.612, -44.606
XYZ	13.783, 11.349, 38.508
xyY	0.217, 0.178, 11.349
CIE-LCH	40.161, 49.138, 294.801
CIE-LUV	40.161, -7.195, -66.49
Hunter-Lab	33.688, 14.078, -44.192
Binary	01010000, 01010111, 10101000

#5057a8
```
#5057a8 rgb(80,87,168)
```
#a8a150
```
#a8a150 rgb(168,161,80)
```

Complementary Color

#5083a8
```
#5083a8 rgb(80,131,168)
```
#5057a8
```
#5057a8 rgb(80,87,168)
```
#7550a8
```
#7550a8 rgb(117,80,168)
```

Analogous Color

#83a850
```
#83a850 rgb(131,168,80)
```
#5057a8
```
#5057a8 rgb(80,87,168)
```
#a87550
```
#a87550 rgb(168,117,80)
```

Split Complementary Color

#57a850
```
#57a850 rgb(87,168,80)
```
#5057a8
```
#5057a8 rgb(80,87,168)
```
#a85057
```
#a85057 rgb(168,80,87)
```

Triadic Color

#50a8a1
```
#50a8a1 rgb(80,168,161)
```
#5057a8
```
#5057a8 rgb(80,87,168)
```
#a85057
```
#a85057 rgb(168,80,87)
```
#a8a150
```
#a8a150 rgb(168,161,80)
```

Tetradic Color

#373c74
```
#373c74 rgb(55,60,116)
```
#404585
```
#404585 rgb(64,69,133)
```
#484e97
```
#484e97 rgb(72,78,151)
```
#5057a8
```
#5057a8 rgb(80,87,168)
```
#5f65b3
```
#5f65b3 rgb(95,101,179)
```
#7076bb
```
#7076bb rgb(112,118,187)
```
#8187c3
```
#8187c3 rgb(129,135,195)
```

Monochromatic Color

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

#506da8
```
#506da8 rgb(80,109,168)
```
#5066a8
```
#5066a8 rgb(80,102,168)
```
#505ea8
```
#505ea8 rgb(80,94,168)
```
#5057a8
```
#5057a8 rgb(80,87,168)
```
#5050a8
```
#5050a8 rgb(80,80,168)
```
#5850a8
```
#5850a8 rgb(88,80,168)
```
#5f50a8
```
#5f50a8 rgb(95,80,168)
```

Similar Colors

Text with hexadecimal color #5057a8

This text has a font color of #5057a8.

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

#5057a8 background color

This paragraph has a background color of #5057a8.

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

#5057a8 border color

This element has a border color of #5057a8.

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

CSS codes

.text {color:#5057a8;}

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

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

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

#040409
```
#040409 rgb(4,4,9)
```
#0a0b16
```
#0a0b16 rgb(10,11,22)
```
#111223
```
#111223 rgb(17,18,35)
```
#171930
```
#171930 rgb(23,25,48)
```
#1d203e
```
#1d203e rgb(29,32,62)
```
#24274b
```
#24274b rgb(36,39,75)
```
#2a2e58
```
#2a2e58 rgb(42,46,88)
```
#303566
```
#303566 rgb(48,53,102)
```
#373b73
```
#373b73 rgb(55,59,115)
```
#3d4280
```
#3d4280 rgb(61,66,128)
```
#43498d
```
#43498d rgb(67,73,141)
```
#4a509b
```
#4a509b rgb(74,80,155)
```
#5057a8
```
#5057a8 rgb(80,87,168)
```

Shade Color Variation

#5b62b1
```
#5b62b1 rgb(91,98,177)
```
#686eb7
```
#686eb7 rgb(104,110,183)
```
#757bbd
```
#757bbd rgb(117,123,189)
```
#8388c4
```
#8388c4 rgb(131,136,196)
```
#9095ca
```
#9095ca rgb(144,149,202)
```
#9da1d0
```
#9da1d0 rgb(157,161,208)
```
#abaed7
```
#abaed7 rgb(171,174,215)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#c5c8e3
```
#c5c8e3 rgb(197,200,227)
```
#d2d4ea
```
#d2d4ea rgb(210,212,234)
```
#e0e1f0
```
#e0e1f0 rgb(224,225,240)
```
#edeef6
```
#edeef6 rgb(237,238,246)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#767782
```
#767782 rgb(118,119,130)
```
#6d6f8b
```
#6d6f8b rgb(109,111,139)
```
#636795
```
#636795 rgb(99,103,149)
```
#5a5f9e
```
#5a5f9e rgb(90,95,158)
```
#5057a8
```
#5057a8 rgb(80,87,168)
```
#464fb2
```
#464fb2 rgb(70,79,178)
```
#3d47bb
```
#3d47bb rgb(61,71,187)
```
#333fc5
```
#333fc5 rgb(51,63,197)
```
#2a37ce
```
#2a37ce rgb(42,55,206)
```
#202fd8
```
#202fd8 rgb(32,47,216)
```
#1727e1
```
#1727e1 rgb(23,39,225)
```
#0d1feb
```
#0d1feb rgb(13,31,235)
```
#0417f4
```
#0417f4 rgb(4,23,244)
```

Tone Color Variation

Below, you can see how #5057a8 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

#3d64b0 Protanopia 1% of men
#2c68a9 Deuteranopia 1% of men
#416d75 Tritanopia 0.001% of the population

Trichromacy

#445fad Protanomaly 1% of men, 0.01% of women
#3961a8 Deuteranomaly 6% of men, 0.4% of women
#466587 Tritanomaly 0.01% of the population

#5057a8 hex color

#5057a8 Color Information

#5057a8 Color Conversion

Color Schemes with #5057a8

Alternatives to #5057a8

#5057a8 Preview

Shades and Tints of #5057a8

Tones of #5057a8

Color Blindness Simulator