#5780a0 hex color

In a RGB color space, hex #5780a0 is composed of 34.1% red, 50.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 20% magenta, 0% yellow and 37.3% black. It has a hue angle of 206.3 degrees, a saturation of 29.6% and a lightness of 48.4%. #5780a0 color hex could be obtained by blending #aeffff with #000141. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 34
- G 50
- B 63
RGB color chart
- C 46
- M 20
- Y 0
- K 37
CMYK color chart

● #5780a0 color description : Dark moderate blue.

The hexadecimal color #5780a0 has RGB values of R:87, G:128, B:160 and CMYK values of C:0.46, M:0.2, Y:0, K:0.37. Its decimal value is 5734560.

Hex triplet	5780a0	`#5780a0`
RGB Decimal	87, 128, 160	`rgb(87,128,160)`
RGB Percent	34.1, 50.2, 62.7	`rgb(34.1%,50.2%,62.7%)`
CMYK	46, 20, 0, 37
HSL	206.3°, 29.6, 48.4	`hsl(206.3,29.6%,48.4%)`
HSV (or HSB)	206.3°, 45.6, 62.7
Web Safe	669999	`#669999`

CIE-LAB	51.839, -5.314, -21.547
XYZ	17.993, 20.002, 36.168
xyY	0.243, 0.27, 20.002
CIE-LCH	51.839, 22.193, 256.146
CIE-LUV	51.839, -19.608, -31.191
Hunter-Lab	44.723, -6.451, -16.642
Binary	01010111, 10000000, 10100000

#5780a0
```
#5780a0 rgb(87,128,160)
```
#a07757
```
#a07757 rgb(160,119,87)
```

Complementary Color

#57a09c
```
#57a09c rgb(87,160,156)
```
#5780a0
```
#5780a0 rgb(87,128,160)
```
#575ca0
```
#575ca0 rgb(87,92,160)
```

Analogous Color

#a09c57
```
#a09c57 rgb(160,156,87)
```
#5780a0
```
#5780a0 rgb(87,128,160)
```
#a0575c
```
#a0575c rgb(160,87,92)
```

Split Complementary Color

#80a057
```
#80a057 rgb(128,160,87)
```
#5780a0
```
#5780a0 rgb(87,128,160)
```
#a05780
```
#a05780 rgb(160,87,128)
```

Triadic Color

#57a077
```
#57a077 rgb(87,160,119)
```
#5780a0
```
#5780a0 rgb(87,128,160)
```
#a05780
```
#a05780 rgb(160,87,128)
```
#a07757
```
#a07757 rgb(160,119,87)
```

Tetradic Color

#3c586e
```
#3c586e rgb(60,88,110)
```
#45667f
```
#45667f rgb(69,102,127)
```
#4e738f
```
#4e738f rgb(78,115,143)
```
#5780a0
```
#5780a0 rgb(87,128,160)
```
#658dab
```
#658dab rgb(101,141,171)
```
#7699b4
```
#7699b4 rgb(118,153,180)
```
#86a5bd
```
#86a5bd rgb(134,165,189)
```

Monochromatic Color

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

#5792a0
```
#5792a0 rgb(87,146,160)
```
#578ca0
```
#578ca0 rgb(87,140,160)
```
#5786a0
```
#5786a0 rgb(87,134,160)
```
#5780a0
```
#5780a0 rgb(87,128,160)
```
#577aa0
```
#577aa0 rgb(87,122,160)
```
#5774a0
```
#5774a0 rgb(87,116,160)
```
#576ea0
```
#576ea0 rgb(87,110,160)
```

Similar Colors

Text with hexadecimal color #5780a0

This text has a font color of #5780a0.

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

#5780a0 background color

This paragraph has a background color of #5780a0.

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

#5780a0 border color

This element has a border color of #5780a0.

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

CSS codes

.text {color:#5780a0;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b1014
```
#0b1014 rgb(11,16,20)
```
#121a21
```
#121a21 rgb(18,26,33)
```
#19252e
```
#19252e rgb(25,37,46)
```
#202f3a
```
#202f3a rgb(32,47,58)
```
#273947
```
#273947 rgb(39,57,71)
```
#2e4354
```
#2e4354 rgb(46,67,84)
```
#344d60
```
#344d60 rgb(52,77,96)
```
#3b576d
```
#3b576d rgb(59,87,109)
```
#42627a
```
#42627a rgb(66,98,122)
```
#496c87
```
#496c87 rgb(73,108,135)
```
#507693
```
#507693 rgb(80,118,147)
```
#5780a0
```
#5780a0 rgb(87,128,160)
```

Shade Color Variation

#618aa9
```
#618aa9 rgb(97,138,169)
```
#6e93b0
```
#6e93b0 rgb(110,147,176)
```
#7b9db7
```
#7b9db7 rgb(123,157,183)
```
#87a6be
```
#87a6be rgb(135,166,190)
```
#94b0c5
```
#94b0c5 rgb(148,176,197)
```
#a1b9cc
```
#a1b9cc rgb(161,185,204)
```
#aec2d3
```
#aec2d3 rgb(174,194,211)
```
#baccda
```
#baccda rgb(186,204,218)
```
#c7d5e1
```
#c7d5e1 rgb(199,213,225)
```
#d4dfe7
```
#d4dfe7 rgb(212,223,231)
```
#e0e8ee
```
#e0e8ee rgb(224,232,238)
```
#edf2f5
```
#edf2f5 rgb(237,242,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747c84 is the less saturated color, while #018bf6 is the most saturated one.

#747c84
```
#747c84 rgb(116,124,132)
```
#6a7e8d
```
#6a7e8d rgb(106,126,141)
```
#617f97
```
#617f97 rgb(97,127,151)
```
#5780a0
```
#5780a0 rgb(87,128,160)
```
#4e81aa
```
#4e81aa rgb(78,129,170)
```
#4482b3
```
#4482b3 rgb(68,130,179)
```
#3b84bd
```
#3b84bd rgb(59,132,189)
```
#3185c6
```
#3185c6 rgb(49,133,198)
```
#2886d0
```
#2886d0 rgb(40,134,208)
```
#1e87d9
```
#1e87d9 rgb(30,135,217)
```
#1588e3
```
#1588e3 rgb(21,136,227)
```
#0b89ec
```
#0b89ec rgb(11,137,236)
```
#018bf6
```
#018bf6 rgb(1,139,246)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#71797f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7981a1 Protanopia 1% of men
#7980a7 Deuteranopia 1% of men
#598993 Tritanopia 0.001% of the population

Trichromacy

#6d80a0 Protanomaly 1% of men, 0.01% of women
#6c80a4 Deuteranomaly 6% of men, 0.4% of women
#588698 Tritanomaly 0.01% of the population

#5780a0 hex color

#5780a0 Color Information

#5780a0 Color Conversion

Color Schemes with #5780a0

Alternatives to #5780a0

#5780a0 Preview

Shades and Tints of #5780a0

Tones of #5780a0

Color Blindness Simulator