#5780c2 hex color

In a RGB color space, hex #5780c2 is composed of 34.1% red, 50.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 34% magenta, 0% yellow and 23.9% black. It has a hue angle of 217 degrees, a saturation of 46.7% and a lightness of 55.1%. #5780c2 color hex could be obtained by blending #aeffff with #000185. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 50
- B 76
RGB color chart
- C 55
- M 34
- Y 0
- K 24
CMYK color chart

● #5780c2 color description : Moderate blue.

The hexadecimal color #5780c2 has RGB values of R:87, G:128, B:194 and CMYK values of C:0.55, M:0.34, Y:0, K:0.24. Its decimal value is 5734594.

Hex triplet	5780c2	`#5780c2`
RGB Decimal	87, 128, 194	`rgb(87,128,194)`
RGB Percent	34.1, 50.2, 76.1	`rgb(34.1%,50.2%,76.1%)`
CMYK	55, 34, 0, 24
HSL	217°, 46.7, 55.1	`hsl(217,46.7%,55.1%)`
HSV (or HSB)	217°, 55.2, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.34, 5.23, -38.79
XYZ	21.385, 21.358, 54.032
xyY	0.221, 0.221, 21.358
CIE-LCH	53.34, 39.141, 277.679
CIE-LUV	53.34, -19.463, -60.207
Hunter-Lab	46.215, 1.72, -36.967
Binary	01010111, 10000000, 11000010

#5780c2
```
#5780c2 rgb(87,128,194)
```
#c29957
```
#c29957 rgb(194,153,87)
```

Complementary Color

#57b6c2
```
#57b6c2 rgb(87,182,194)
```
#5780c2
```
#5780c2 rgb(87,128,194)
```
#6457c2
```
#6457c2 rgb(100,87,194)
```

Analogous Color

#b6c257
```
#b6c257 rgb(182,194,87)
```
#5780c2
```
#5780c2 rgb(87,128,194)
```
#c26457
```
#c26457 rgb(194,100,87)
```

Split Complementary Color

#80c257
```
#80c257 rgb(128,194,87)
```
#5780c2
```
#5780c2 rgb(87,128,194)
```
#c25780
```
#c25780 rgb(194,87,128)
```

Triadic Color

#57c299
```
#57c299 rgb(87,194,153)
```
#5780c2
```
#5780c2 rgb(87,128,194)
```
#c25780
```
#c25780 rgb(194,87,128)
```
#c29957
```
#c29957 rgb(194,153,87)
```

Tetradic Color

#365b96
```
#365b96 rgb(54,91,150)
```
#3d66a9
```
#3d66a9 rgb(61,102,169)
```
#4472bb
```
#4472bb rgb(68,114,187)
```
#5780c2
```
#5780c2 rgb(87,128,194)
```
#6a8ec9
```
#6a8ec9 rgb(106,142,201)
```
#7c9cd0
```
#7c9cd0 rgb(124,156,208)
```
#8faad6
```
#8faad6 rgb(143,170,214)
```

Monochromatic Color

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

#579bc2
```
#579bc2 rgb(87,155,194)
```
#5792c2
```
#5792c2 rgb(87,146,194)
```
#5789c2
```
#5789c2 rgb(87,137,194)
```
#5780c2
```
#5780c2 rgb(87,128,194)
```
#5777c2
```
#5777c2 rgb(87,119,194)
```
#576ec2
```
#576ec2 rgb(87,110,194)
```
#5765c2
```
#5765c2 rgb(87,101,194)
```

Similar Colors

Text with hexadecimal color #5780c2

This text has a font color of #5780c2.

<span style="color:#5780c2;">Text here</span>

#5780c2 background color

This paragraph has a background color of #5780c2.

<p style="background-color:#5780c2;">Content here</p>

#5780c2 border color

This element has a border color of #5780c2.

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

CSS codes

.text {color:#5780c2;}

.background {background-color:#5780c2;}

.border {border:1px solid #5780c2;}

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

#020305
```
#020305 rgb(2,3,5)
```
#070c13
```
#070c13 rgb(7,12,19)
```
#0c1421
```
#0c1421 rgb(12,20,33)
```
#111d30
```
#111d30 rgb(17,29,48)
```
#17263e
```
#17263e rgb(23,38,62)
```
#1c2f4d
```
#1c2f4d rgb(28,47,77)
```
#21375b
```
#21375b rgb(33,55,91)
```
#264069
```
#264069 rgb(38,64,105)
```
#2c4978
```
#2c4978 rgb(44,73,120)
```
#315186
```
#315186 rgb(49,81,134)
```
#365a95
```
#365a95 rgb(54,90,149)
```
#3b63a3
```
#3b63a3 rgb(59,99,163)
```
#406cb1
```
#406cb1 rgb(64,108,177)
```

Shade Color Variation

#4975bd
```
#4975bd rgb(73,117,189)
```
#5780c2
```
#5780c2 rgb(87,128,194)
```
#658bc7
```
#658bc7 rgb(101,139,199)
```
#7496cc
```
#7496cc rgb(116,150,204)
```
#82a1d2
```
#82a1d2 rgb(130,161,210)
```
#91acd7
```
#91acd7 rgb(145,172,215)
```
#9fb6dc
```
#9fb6dc rgb(159,182,220)
```
#adc1e1
```
#adc1e1 rgb(173,193,225)
```
#bccce7
```
#bccce7 rgb(188,204,231)
```
#cad7ec
```
#cad7ec rgb(202,215,236)
```
#d9e2f1
```
#d9e2f1 rgb(217,226,241)
```
#e7edf6
```
#e7edf6 rgb(231,237,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c8d is the less saturated color, while #2274f7 is the most saturated one.

#8c8c8d
```
#8c8c8d rgb(140,140,141)
```
#838a96
```
#838a96 rgb(131,138,150)
```
#7a889f
```
#7a889f rgb(122,136,159)
```
#7186a8
```
#7186a8 rgb(113,134,168)
```
#6984b0
```
#6984b0 rgb(105,132,176)
```
#6082b9
```
#6082b9 rgb(96,130,185)
```
#5780c2
```
#5780c2 rgb(87,128,194)
```
#4e7ecb
```
#4e7ecb rgb(78,126,203)
```
#457cd4
```
#457cd4 rgb(69,124,212)
```
#3d7adc
```
#3d7adc rgb(61,122,220)
```
#3478e5
```
#3478e5 rgb(52,120,229)
```
#2b76ee
```
#2b76ee rgb(43,118,238)
```
#2274f7
```
#2274f7 rgb(34,116,247)
```

Tone Color Variation

Below, you can see how #5780c2 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

#7b7b7b Achromatopsia 0.005% of the population
#747c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e83c3 Protanopia 1% of men
#6385c5 Deuteranopia 1% of men
#4b8f9a Tritanopia 0.001% of the population

Trichromacy

#6582c2 Protanomaly 1% of men, 0.01% of women
#5f83c4 Deuteranomaly 6% of men, 0.4% of women
#4f8aa8 Tritanomaly 0.01% of the population

#5780c2 hex color

#5780c2 Color Information

#5780c2 Color Conversion

Color Schemes with #5780c2

Alternatives to #5780c2

#5780c2 Preview

Shades and Tints of #5780c2

Tones of #5780c2

Color Blindness Simulator