#5785a0 hex color

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

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

● #5785a0 color description : Dark moderate blue.

The hexadecimal color #5785a0 has RGB values of R:87, G:133, B:160 and CMYK values of C:0.46, M:0.17, Y:0, K:0.37. Its decimal value is 5735840.

Hex triplet	5785a0	`#5785a0`
RGB Decimal	87, 133, 160	`rgb(87,133,160)`
RGB Percent	34.1, 52.2, 62.7	`rgb(34.1%,52.2%,62.7%)`
CMYK	46, 17, 0, 37
HSL	202.2°, 29.6, 48.4	`hsl(202.2,29.6%,48.4%)`
HSV (or HSB)	202.2°, 45.6, 62.7
Web Safe	669999	`#669999`

CIE-LAB	53.318, -8.176, -19.282
XYZ	18.662, 21.338, 36.391
xyY	0.244, 0.279, 21.338
CIE-LCH	53.318, 20.944, 247.021
CIE-LUV	53.318, -21.615, -27.433
Hunter-Lab	46.194, -8.727, -14.373
Binary	01010111, 10000101, 10100000

#5785a0
```
#5785a0 rgb(87,133,160)
```
#a07257
```
#a07257 rgb(160,114,87)
```

Complementary Color

#57a097
```
#57a097 rgb(87,160,151)
```
#5785a0
```
#5785a0 rgb(87,133,160)
```
#5761a0
```
#5761a0 rgb(87,97,160)
```

Analogous Color

#a09757
```
#a09757 rgb(160,151,87)
```
#5785a0
```
#5785a0 rgb(87,133,160)
```
#a05761
```
#a05761 rgb(160,87,97)
```

Split Complementary Color

#85a057
```
#85a057 rgb(133,160,87)
```
#5785a0
```
#5785a0 rgb(87,133,160)
```
#a05785
```
#a05785 rgb(160,87,133)
```

Triadic Color

#57a072
```
#57a072 rgb(87,160,114)
```
#5785a0
```
#5785a0 rgb(87,133,160)
```
#a05785
```
#a05785 rgb(160,87,133)
```
#a07257
```
#a07257 rgb(160,114,87)
```

Tetradic Color

#3c5c6e
```
#3c5c6e rgb(60,92,110)
```
#456a7f
```
#456a7f rgb(69,106,127)
```
#4e778f
```
#4e778f rgb(78,119,143)
```
#5785a0
```
#5785a0 rgb(87,133,160)
```
#6591ab
```
#6591ab rgb(101,145,171)
```
#769db4
```
#769db4 rgb(118,157,180)
```
#86a9bd
```
#86a9bd rgb(134,169,189)
```

Monochromatic Color

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

#5797a0
```
#5797a0 rgb(87,151,160)
```
#5791a0
```
#5791a0 rgb(87,145,160)
```
#578ba0
```
#578ba0 rgb(87,139,160)
```
#5785a0
```
#5785a0 rgb(87,133,160)
```
#577fa0
```
#577fa0 rgb(87,127,160)
```
#5779a0
```
#5779a0 rgb(87,121,160)
```
#5773a0
```
#5773a0 rgb(87,115,160)
```

Similar Colors

Text with hexadecimal color #5785a0

This text has a font color of #5785a0.

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

#5785a0 background color

This paragraph has a background color of #5785a0.

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

#5785a0 border color

This element has a border color of #5785a0.

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

CSS codes

.text {color:#5785a0;}

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

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

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)
```
#0b1114
```
#0b1114 rgb(11,17,20)
```
#121b21
```
#121b21 rgb(18,27,33)
```
#19262e
```
#19262e rgb(25,38,46)
```
#20313a
```
#20313a rgb(32,49,58)
```
#273b47
```
#273b47 rgb(39,59,71)
```
#2e4654
```
#2e4654 rgb(46,70,84)
```
#345060
```
#345060 rgb(52,80,96)
```
#3b5b6d
```
#3b5b6d rgb(59,91,109)
```
#42657a
```
#42657a rgb(66,101,122)
```
#497087
```
#497087 rgb(73,112,135)
```
#507a93
```
#507a93 rgb(80,122,147)
```
#5785a0
```
#5785a0 rgb(87,133,160)
```

Shade Color Variation

#618fa9
```
#618fa9 rgb(97,143,169)
```
#6e98b0
```
#6e98b0 rgb(110,152,176)
```
#7ba1b7
```
#7ba1b7 rgb(123,161,183)
```
#87aabe
```
#87aabe rgb(135,170,190)
```
#94b3c5
```
#94b3c5 rgb(148,179,197)
```
#a1bccc
```
#a1bccc rgb(161,188,204)
```
#aec5d3
```
#aec5d3 rgb(174,197,211)
```
#baceda
```
#baceda rgb(186,206,218)
```
#c7d7e1
```
#c7d7e1 rgb(199,215,225)
```
#d4e0e7
```
#d4e0e7 rgb(212,224,231)
```
#e0e9ee
```
#e0e9ee rgb(224,233,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, #747e84 is the less saturated color, while #019bf6 is the most saturated one.

#747e84
```
#747e84 rgb(116,126,132)
```
#6a808d
```
#6a808d rgb(106,128,141)
```
#618397
```
#618397 rgb(97,131,151)
```
#5785a0
```
#5785a0 rgb(87,133,160)
```
#4e87aa
```
#4e87aa rgb(78,135,170)
```
#448ab3
```
#448ab3 rgb(68,138,179)
```
#3b8cbd
```
#3b8cbd rgb(59,140,189)
```
#318fc6
```
#318fc6 rgb(49,143,198)
```
#2891d0
```
#2891d0 rgb(40,145,208)
```
#1e94d9
```
#1e94d9 rgb(30,148,217)
```
#1596e3
```
#1596e3 rgb(21,150,227)
```
#0b99ec
```
#0b99ec rgb(11,153,236)
```
#019bf6
```
#019bf6 rgb(1,155,246)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#737c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f84a0 Protanopia 1% of men
#7f83a7 Deuteranopia 1% of men
#5a8d98 Tritanopia 0.001% of the population

Trichromacy

#7084a0 Protanomaly 1% of men, 0.01% of women
#7084a4 Deuteranomaly 6% of men, 0.4% of women
#598a9a Tritanomaly 0.01% of the population

#5785a0 hex color

#5785a0 Color Information

#5785a0 Color Conversion

Color Schemes with #5785a0

Alternatives to #5785a0

#5785a0 Preview

Shades and Tints of #5785a0

Tones of #5785a0

Color Blindness Simulator