#5057ca hex color

In a RGB color space, hex #5057ca is composed of 31.4% red, 34.1% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 56.9% magenta, 0% yellow and 20.8% black. It has a hue angle of 236.6 degrees, a saturation of 53.5% and a lightness of 55.3%. #5057ca color hex could be obtained by blending #a0aeff with #000095. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 34
- B 79
RGB color chart
- C 60
- M 57
- Y 0
- K 21
CMYK color chart

● #5057ca color description : Moderate blue.

The hexadecimal color #5057ca has RGB values of R:80, G:87, B:202 and CMYK values of C:0.6, M:0.57, Y:0, K:0.21. Its decimal value is 5265354.

Hex triplet	5057ca	`#5057ca`
RGB Decimal	80, 87, 202	`rgb(80,87,202)`
RGB Percent	31.4, 34.1, 79.2	`rgb(31.4%,34.1%,79.2%)`
CMYK	60, 57, 0, 21
HSL	236.6°, 53.5, 55.3	`hsl(236.6,53.5%,55.3%)`
HSV (or HSB)	236.6°, 60.4, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.438, 31.881, -60.834
XYZ	17.375, 12.785, 57.426
xyY	0.198, 0.146, 12.785
CIE-LCH	42.438, 68.682, 297.658
CIE-LUV	42.438, -8.624, -91.947
Hunter-Lab	35.757, 24.164, -70.192
Binary	01010000, 01010111, 11001010

#5057ca
```
#5057ca rgb(80,87,202)
```
#cac350
```
#cac350 rgb(202,195,80)
```

Complementary Color

#5094ca
```
#5094ca rgb(80,148,202)
```
#5057ca
```
#5057ca rgb(80,87,202)
```
#8650ca
```
#8650ca rgb(134,80,202)
```

Analogous Color

#94ca50
```
#94ca50 rgb(148,202,80)
```
#5057ca
```
#5057ca rgb(80,87,202)
```
#ca8650
```
#ca8650 rgb(202,134,80)
```

Split Complementary Color

#57ca50
```
#57ca50 rgb(87,202,80)
```
#5057ca
```
#5057ca rgb(80,87,202)
```
#ca5057
```
#ca5057 rgb(202,80,87)
```

Triadic Color

#50cac3
```
#50cac3 rgb(80,202,195)
```
#5057ca
```
#5057ca rgb(80,87,202)
```
#ca5057
```
#ca5057 rgb(202,80,87)
```
#cac350
```
#cac350 rgb(202,195,80)
```

Tetradic Color

#30369e
```
#30369e rgb(48,54,158)
```
#363db1
```
#363db1 rgb(54,61,177)
```
#3c44c4
```
#3c44c4 rgb(60,68,196)
```
#5057ca
```
#5057ca rgb(80,87,202)
```
#646ad0
```
#646ad0 rgb(100,106,208)
```
#777dd6
```
#777dd6 rgb(119,125,214)
```
#8b8fdc
```
#8b8fdc rgb(139,143,220)
```

Monochromatic Color

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

#5076ca
```
#5076ca rgb(80,118,202)
```
#506bca
```
#506bca rgb(80,107,202)
```
#5061ca
```
#5061ca rgb(80,97,202)
```
#5057ca
```
#5057ca rgb(80,87,202)
```
#5350ca
```
#5350ca rgb(83,80,202)
```
#5d50ca
```
#5d50ca rgb(93,80,202)
```
#6850ca
```
#6850ca rgb(104,80,202)
```

Similar Colors

Text with hexadecimal color #5057ca

This text has a font color of #5057ca.

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

#5057ca background color

This paragraph has a background color of #5057ca.

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

#5057ca border color

This element has a border color of #5057ca.

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

CSS codes

.text {color:#5057ca;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#060715
```
#060715 rgb(6,7,21)
```
#0b0c24
```
#0b0c24 rgb(11,12,36)
```
#0f1133
```
#0f1133 rgb(15,17,51)
```
#141742
```
#141742 rgb(20,23,66)
```
#191c51
```
#191c51 rgb(25,28,81)
```
#1d2160
```
#1d2160 rgb(29,33,96)
```
#22266f
```
#22266f rgb(34,38,111)
```
#262b7e
```
#262b7e rgb(38,43,126)
```
#2b308d
```
#2b308d rgb(43,48,141)
```
#2f369c
```
#2f369c rgb(47,54,156)
```
#343bab
```
#343bab rgb(52,59,171)
```
#3840ba
```
#3840ba rgb(56,64,186)
```

Shade Color Variation

#4149c5
```
#4149c5 rgb(65,73,197)
```
#5057ca
```
#5057ca rgb(80,87,202)
```
#5f65cf
```
#5f65cf rgb(95,101,207)
```
#6e74d3
```
#6e74d3 rgb(110,116,211)
```
#7d82d8
```
#7d82d8 rgb(125,130,216)
```
#8c91dc
```
#8c91dc rgb(140,145,220)
```
#9b9fe1
```
#9b9fe1 rgb(155,159,225)
```
#aaaee5
```
#aaaee5 rgb(170,174,229)
```
#b9bcea
```
#b9bcea rgb(185,188,234)
```
#c8cbee
```
#c8cbee rgb(200,203,238)
```
#d8d9f3
```
#d8d9f3 rgb(216,217,243)
```
#e7e8f8
```
#e7e8f8 rgb(231,232,248)
```
#f6f6fc
```
#f6f6fc rgb(246,246,252)
```

Tint Color Variation

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

#858695
```
#858695 rgb(133,134,149)
```
#7c7e9e
```
#7c7e9e rgb(124,126,158)
```
#7376a7
```
#7376a7 rgb(115,118,167)
```
#6a6eb0
```
#6a6eb0 rgb(106,110,176)
```
#6267b8
```
#6267b8 rgb(98,103,184)
```
#595fc1
```
#595fc1 rgb(89,95,193)
```
#5057ca
```
#5057ca rgb(80,87,202)
```
#474fd3
```
#474fd3 rgb(71,79,211)
```
#3e47dc
```
#3e47dc rgb(62,71,220)
```
#3640e4
```
#3640e4 rgb(54,64,228)
```
#2d38ed
```
#2d38ed rgb(45,56,237)
```
#2430f6
```
#2430f6 rgb(36,48,246)
```
#1b28ff
```
#1b28ff rgb(27,40,255)
```

Tone Color Variation

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

Dichromacy

#0068cd Protanopia 1% of men
#006eb4 Deuteranopia 1% of men
#24757e Tritanopia 0.001% of the population

Trichromacy

#1d62cc Protanomaly 1% of men, 0.01% of women
#1d65bc Deuteranomaly 6% of men, 0.4% of women
#346a9a Tritanomaly 0.01% of the population

#5057ca hex color

#5057ca Color Information

#5057ca Color Conversion

Color Schemes with #5057ca

Alternatives to #5057ca

#5057ca Preview

Shades and Tints of #5057ca

Tones of #5057ca

Color Blindness Simulator