#5057d8 hex color

In a RGB color space, hex #5057d8 is composed of 31.4% red, 34.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 59.7% magenta, 0% yellow and 15.3% black. It has a hue angle of 236.9 degrees, a saturation of 63.6% and a lightness of 58%. #5057d8 color hex could be obtained by blending #a0aeff with #0000b1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 34
- B 85
RGB color chart
- C 63
- M 60
- Y 0
- K 15
CMYK color chart

● #5057d8 color description : Moderate blue.

The hexadecimal color #5057d8 has RGB values of R:80, G:87, B:216 and CMYK values of C:0.63, M:0.6, Y:0, K:0.15. Its decimal value is 5265368.

Hex triplet	5057d8	`#5057d8`
RGB Decimal	80, 87, 216	`rgb(80,87,216)`
RGB Percent	31.4, 34.1, 84.7	`rgb(31.4%,34.1%,84.7%)`
CMYK	63, 60, 0, 15
HSL	236.9°, 63.6, 58	`hsl(236.9,63.6%,58%)`
HSV (or HSB)	236.9°, 63, 84.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.476, 36.548, -67.191
XYZ	19.109, 13.479, 66.557
xyY	0.193, 0.136, 13.479
CIE-LCH	43.476, 76.488, 298.543
CIE-LUV	43.476, -9.194, -101.827
Hunter-Lab	36.713, 28.657, -81.786
Binary	01010000, 01010111, 11011000

#5057d8
```
#5057d8 rgb(80,87,216)
```
#d8d150
```
#d8d150 rgb(216,209,80)
```

Complementary Color

#509bd8
```
#509bd8 rgb(80,155,216)
```
#5057d8
```
#5057d8 rgb(80,87,216)
```
#8d50d8
```
#8d50d8 rgb(141,80,216)
```

Analogous Color

#9bd850
```
#9bd850 rgb(155,216,80)
```
#5057d8
```
#5057d8 rgb(80,87,216)
```
#d88d50
```
#d88d50 rgb(216,141,80)
```

Split Complementary Color

#57d850
```
#57d850 rgb(87,216,80)
```
#5057d8
```
#5057d8 rgb(80,87,216)
```
#d85057
```
#d85057 rgb(216,80,87)
```

Triadic Color

#50d8d1
```
#50d8d1 rgb(80,216,209)
```
#5057d8
```
#5057d8 rgb(80,87,216)
```
#d85057
```
#d85057 rgb(216,80,87)
```
#d8d150
```
#d8d150 rgb(216,209,80)
```

Tetradic Color

#282fb3
```
#282fb3 rgb(40,47,179)
```
#2d35c8
```
#2d35c8 rgb(45,53,200)
```
#3b43d3
```
#3b43d3 rgb(59,67,211)
```
#5057d8
```
#5057d8 rgb(80,87,216)
```
#656bdd
```
#656bdd rgb(101,107,221)
```
#7a7fe1
```
#7a7fe1 rgb(122,127,225)
```
#8f93e6
```
#8f93e6 rgb(143,147,230)
```

Monochromatic Color

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

#5079d8
```
#5079d8 rgb(80,121,216)
```
#506ed8
```
#506ed8 rgb(80,110,216)
```
#5062d8
```
#5062d8 rgb(80,98,216)
```
#5057d8
```
#5057d8 rgb(80,87,216)
```
#5450d8
```
#5450d8 rgb(84,80,216)
```
#6050d8
```
#6050d8 rgb(96,80,216)
```
#6b50d8
```
#6b50d8 rgb(107,80,216)
```

Similar Colors

Text with hexadecimal color #5057d8

This text has a font color of #5057d8.

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

#5057d8 background color

This paragraph has a background color of #5057d8.

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

#5057d8 border color

This element has a border color of #5057d8.

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

CSS codes

.text {color:#5057d8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040511
```
#040511 rgb(4,5,17)
```
#070922
```
#070922 rgb(7,9,34)
```
#0b0d32
```
#0b0d32 rgb(11,13,50)
```
#0f1142
```
#0f1142 rgb(15,17,66)
```
#121552
```
#121552 rgb(18,21,82)
```
#161a62
```
#161a62 rgb(22,26,98)
```
#191e72
```
#191e72 rgb(25,30,114)
```
#1d2282
```
#1d2282 rgb(29,34,130)
```
#202692
```
#202692 rgb(32,38,146)
```
#242ba2
```
#242ba2 rgb(36,43,162)
```
#282fb2
```
#282fb2 rgb(40,47,178)
```
#2b33c2
```
#2b33c2 rgb(43,51,194)
```

Shade Color Variation

#3038d1
```
#3038d1 rgb(48,56,209)
```
#4048d4
```
#4048d4 rgb(64,72,212)
```
#5057d8
```
#5057d8 rgb(80,87,216)
```
#6066dc
```
#6066dc rgb(96,102,220)
```
#7076df
```
#7076df rgb(112,118,223)
```
#8085e3
```
#8085e3 rgb(128,133,227)
```
#9095e6
```
#9095e6 rgb(144,149,230)
```
#a0a4ea
```
#a0a4ea rgb(160,164,234)
```
#b0b3ed
```
#b0b3ed rgb(176,179,237)
```
#c0c3f1
```
#c0c3f1 rgb(192,195,241)
```
#d0d2f5
```
#d0d2f5 rgb(208,210,245)
```
#e0e2f8
```
#e0e2f8 rgb(224,226,248)
```
#f0f1fc
```
#f0f1fc rgb(240,241,252)
```

Tint Color Variation

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

#929296
```
#929296 rgb(146,146,150)
```
#8a8b9e
```
#8a8b9e rgb(138,139,158)
```
#8183a7
```
#8183a7 rgb(129,131,167)
```
#797caf
```
#797caf rgb(121,124,175)
```
#7175b7
```
#7175b7 rgb(113,117,183)
```
#696dbf
```
#696dbf rgb(105,109,191)
```
#6066c8
```
#6066c8 rgb(96,102,200)
```
#585ed0
```
#585ed0 rgb(88,94,208)
```
#5057d8
```
#5057d8 rgb(80,87,216)
```
#4850e0
```
#4850e0 rgb(72,80,224)
```
#4048e8
```
#4048e8 rgb(64,72,232)
```
#3741f1
```
#3741f1 rgb(55,65,241)
```
#2f39f9
```
#2f39f9 rgb(47,57,249)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#60617b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#007982 Tritanopia 0.001% of the population

Trichromacy

#1d63d4 Protanomaly 1% of men, 0.01% of women
#1d67c3 Deuteranomaly 6% of men, 0.4% of women
#1d6ca1 Tritanomaly 0.01% of the population

#5057d8 hex color

#5057d8 Color Information

#5057d8 Color Conversion

Color Schemes with #5057d8

Alternatives to #5057d8

#5057d8 Preview

Shades and Tints of #5057d8

Tones of #5057d8

Color Blindness Simulator