#5057c6 hex color

In a RGB color space, hex #5057c6 is composed of 31.4% red, 34.1% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 56.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 236.4 degrees, a saturation of 50.9% and a lightness of 54.5%. #5057c6 color hex could be obtained by blending #a0aeff with #00008d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 34
- B 78
RGB color chart
- C 60
- M 56
- Y 0
- K 22
CMYK color chart

● #5057c6 color description : Moderate blue.

The hexadecimal color #5057c6 has RGB values of R:80, G:87, B:198 and CMYK values of C:0.6, M:0.56, Y:0, K:0.22. Its decimal value is 5265350.

Hex triplet	5057c6	`#5057c6`
RGB Decimal	80, 87, 198	`rgb(80,87,198)`
RGB Percent	31.4, 34.1, 77.6	`rgb(31.4%,34.1%,77.6%)`
CMYK	60, 56, 0, 22
HSL	236.4°, 50.9, 54.5	`hsl(236.4,50.9%,54.5%)`
HSV (or HSB)	236.4°, 59.6, 77.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.152, 30.547, -58.985
XYZ	16.907, 12.598, 54.964
xyY	0.2, 0.149, 12.598
CIE-LCH	42.152, 66.425, 297.379
CIE-LUV	42.152, -8.459, -89.062
Hunter-Lab	35.494, 22.913, -66.967
Binary	01010000, 01010111, 11000110

#5057c6
```
#5057c6 rgb(80,87,198)
```
#c6bf50
```
#c6bf50 rgb(198,191,80)
```

Complementary Color

#5092c6
```
#5092c6 rgb(80,146,198)
```
#5057c6
```
#5057c6 rgb(80,87,198)
```
#8450c6
```
#8450c6 rgb(132,80,198)
```

Analogous Color

#92c650
```
#92c650 rgb(146,198,80)
```
#5057c6
```
#5057c6 rgb(80,87,198)
```
#c68450
```
#c68450 rgb(198,132,80)
```

Split Complementary Color

#57c650
```
#57c650 rgb(87,198,80)
```
#5057c6
```
#5057c6 rgb(80,87,198)
```
#c65057
```
#c65057 rgb(198,80,87)
```

Triadic Color

#50c6bf
```
#50c6bf rgb(80,198,191)
```
#5057c6
```
#5057c6 rgb(80,87,198)
```
#c65057
```
#c65057 rgb(198,80,87)
```
#c6bf50
```
#c6bf50 rgb(198,191,80)
```

Tetradic Color

#323898
```
#323898 rgb(50,56,152)
```
#383fab
```
#383fab rgb(56,63,171)
```
#3e46be
```
#3e46be rgb(62,70,190)
```
#5057c6
```
#5057c6 rgb(80,87,198)
```
#6369cc
```
#6369cc rgb(99,105,204)
```
#767cd3
```
#767cd3 rgb(118,124,211)
```
#8a8ed9
```
#8a8ed9 rgb(138,142,217)
```

Monochromatic Color

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

#5075c6
```
#5075c6 rgb(80,117,198)
```
#506bc6
```
#506bc6 rgb(80,107,198)
```
#5061c6
```
#5061c6 rgb(80,97,198)
```
#5057c6
```
#5057c6 rgb(80,87,198)
```
#5350c6
```
#5350c6 rgb(83,80,198)
```
#5d50c6
```
#5d50c6 rgb(93,80,198)
```
#6750c6
```
#6750c6 rgb(103,80,198)
```

Similar Colors

Text with hexadecimal color #5057c6

This text has a font color of #5057c6.

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

#5057c6 background color

This paragraph has a background color of #5057c6.

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

#5057c6 border color

This element has a border color of #5057c6.

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

CSS codes

.text {color:#5057c6;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060611
```
#060611 rgb(6,6,17)
```
#0a0c20
```
#0a0c20 rgb(10,12,32)
```
#0f112f
```
#0f112f rgb(15,17,47)
```
#14173e
```
#14173e rgb(20,23,62)
```
#191c4d
```
#191c4d rgb(25,28,77)
```
#1e215b
```
#1e215b rgb(30,33,91)
```
#23276a
```
#23276a rgb(35,39,106)
```
#272c79
```
#272c79 rgb(39,44,121)
```
#2c3288
```
#2c3288 rgb(44,50,136)
```
#313797
```
#313797 rgb(49,55,151)
```
#363ca5
```
#363ca5 rgb(54,60,165)
```
#3b42b4
```
#3b42b4 rgb(59,66,180)
```

Shade Color Variation

#4149c1
```
#4149c1 rgb(65,73,193)
```
#5057c6
```
#5057c6 rgb(80,87,198)
```
#5f65cb
```
#5f65cb rgb(95,101,203)
```
#6e73d0
```
#6e73d0 rgb(110,115,208)
```
#7c82d4
```
#7c82d4 rgb(124,130,212)
```
#8b90d9
```
#8b90d9 rgb(139,144,217)
```
#9a9ede
```
#9a9ede rgb(154,158,222)
```
#a9ace3
```
#a9ace3 rgb(169,172,227)
```
#b8bae8
```
#b8bae8 rgb(184,186,232)
```
#c6c9ed
```
#c6c9ed rgb(198,201,237)
```
#d5d7f1
```
#d5d7f1 rgb(213,215,241)
```
#e4e5f6
```
#e4e5f6 rgb(228,229,246)
```
#f3f3fb
```
#f3f3fb rgb(243,243,251)
```

Tint Color Variation

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

#868690
```
#868690 rgb(134,134,144)
```
#7d7e99
```
#7d7e99 rgb(125,126,153)
```
#7476a2
```
#7476a2 rgb(116,118,162)
```
#6b6fab
```
#6b6fab rgb(107,111,171)
```
#6267b4
```
#6267b4 rgb(98,103,180)
```
#595fbd
```
#595fbd rgb(89,95,189)
```
#5057c6
```
#5057c6 rgb(80,87,198)
```
#474fcf
```
#474fcf rgb(71,79,207)
```
#3e47d8
```
#3e47d8 rgb(62,71,216)
```
#353fe1
```
#353fe1 rgb(53,63,225)
```
#2c38ea
```
#2c38ea rgb(44,56,234)
```
#2330f3
```
#2330f3 rgb(35,48,243)
```
#1a28fc
```
#1a28fc rgb(26,40,252)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5e6076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006db4 Deuteranopia 1% of men
#29747d Tritanopia 0.001% of the population

Trichromacy

#1d61ca Protanomaly 1% of men, 0.01% of women
#1d65ba Deuteranomaly 6% of men, 0.4% of women
#376a97 Tritanomaly 0.01% of the population

#5057c6 hex color

#5057c6 Color Information

#5057c6 Color Conversion

Color Schemes with #5057c6

Alternatives to #5057c6

#5057c6 Preview

Shades and Tints of #5057c6

Tones of #5057c6

Color Blindness Simulator