#5770ae hex color

In a RGB color space, hex #5770ae is composed of 34.1% red, 43.9% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 35.6% magenta, 0% yellow and 31.8% black. It has a hue angle of 222.8 degrees, a saturation of 34.9% and a lightness of 51.2%. #5770ae color hex could be obtained by blending #aee0ff with #00005d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 44
- B 68
RGB color chart
- C 50
- M 36
- Y 0
- K 32
CMYK color chart

● #5770ae color description : Dark moderate blue.

The hexadecimal color #5770ae has RGB values of R:87, G:112, B:174 and CMYK values of C:0.5, M:0.36, Y:0, K:0.32. Its decimal value is 5730478.

Hex triplet	5770ae	`#5770ae`
RGB Decimal	87, 112, 174	`rgb(87,112,174)`
RGB Percent	34.1, 43.9, 68.2	`rgb(34.1%,43.9%,68.2%)`
CMYK	50, 36, 0, 32
HSL	222.8°, 34.9, 51.2	`hsl(222.8,34.9%,51.2%)`
HSV (or HSB)	222.8°, 50, 68.2
Web Safe	666699	`#666699`

CIE-LAB	47.841, 8.526, -35.914
XYZ	17.363, 16.67, 42.345
xyY	0.227, 0.218, 16.67
CIE-LCH	47.841, 36.913, 283.355
CIE-LUV	47.841, -13.536, -54.72
Hunter-Lab	40.829, 4.46, -32.912
Binary	01010111, 01110000, 10101110

#5770ae
```
#5770ae rgb(87,112,174)
```
#ae9557
```
#ae9557 rgb(174,149,87)
```

Complementary Color

#579cae
```
#579cae rgb(87,156,174)
```
#5770ae
```
#5770ae rgb(87,112,174)
```
#6a57ae
```
#6a57ae rgb(106,87,174)
```

Analogous Color

#9cae57
```
#9cae57 rgb(156,174,87)
```
#5770ae
```
#5770ae rgb(87,112,174)
```
#ae6a57
```
#ae6a57 rgb(174,106,87)
```

Split Complementary Color

#70ae57
```
#70ae57 rgb(112,174,87)
```
#5770ae
```
#5770ae rgb(87,112,174)
```
#ae5770
```
#ae5770 rgb(174,87,112)
```

Triadic Color

#57ae95
```
#57ae95 rgb(87,174,149)
```
#5770ae
```
#5770ae rgb(87,112,174)
```
#ae5770
```
#ae5770 rgb(174,87,112)
```
#ae9557
```
#ae9557 rgb(174,149,87)
```

Tetradic Color

#3c4f7c
```
#3c4f7c rgb(60,79,124)
```
#44598e
```
#44598e rgb(68,89,142)
```
#4d649f
```
#4d649f rgb(77,100,159)
```
#5770ae
```
#5770ae rgb(87,112,174)
```
#687fb6
```
#687fb6 rgb(104,127,182)
```
#798dbf
```
#798dbf rgb(121,141,191)
```
#8b9cc7
```
#8b9cc7 rgb(139,156,199)
```

Monochromatic Color

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

#5786ae
```
#5786ae rgb(87,134,174)
```
#577fae
```
#577fae rgb(87,127,174)
```
#5777ae
```
#5777ae rgb(87,119,174)
```
#5770ae
```
#5770ae rgb(87,112,174)
```
#5769ae
```
#5769ae rgb(87,105,174)
```
#5762ae
```
#5762ae rgb(87,98,174)
```
#575aae
```
#575aae rgb(87,90,174)
```

Similar Colors

Text with hexadecimal color #5770ae

This text has a font color of #5770ae.

<span style="color:#5770ae;">Text here</span>

#5770ae background color

This paragraph has a background color of #5770ae.

<p style="background-color:#5770ae;">Content here</p>

#5770ae border color

This element has a border color of #5770ae.

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

CSS codes

.text {color:#5770ae;}

.background {background-color:#5770ae;}

.border {border:1px solid #5770ae;}

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

#020304
```
#020304 rgb(2,3,4)
```
#080b11
```
#080b11 rgb(8,11,17)
```
#0f131f
```
#0f131f rgb(15,19,31)
```
#151c2c
```
#151c2c rgb(21,28,44)
```
#1b2439
```
#1b2439 rgb(27,36,57)
```
#222c46
```
#222c46 rgb(34,44,70)
```
#283553
```
#283553 rgb(40,53,83)
```
#2f3d61
```
#2f3d61 rgb(47,61,97)
```
#35456e
```
#35456e rgb(53,69,110)
```
#3b4e7b
```
#3b4e7b rgb(59,78,123)
```
#425688
```
#425688 rgb(66,86,136)
```
#485e96
```
#485e96 rgb(72,94,150)
```
#4f67a3
```
#4f67a3 rgb(79,103,163)
```

Shade Color Variation

#5770ae
```
#5770ae rgb(87,112,174)
```
#647bb4
```
#647bb4 rgb(100,123,180)
```
#7187bb
```
#7187bb rgb(113,135,187)
```
#7f92c1
```
#7f92c1 rgb(127,146,193)
```
#8c9dc8
```
#8c9dc8 rgb(140,157,200)
```
#99a8ce
```
#99a8ce rgb(153,168,206)
```
#a6b4d4
```
#a6b4d4 rgb(166,180,212)
```
#b4bfdb
```
#b4bfdb rgb(180,191,219)
```
#c1cae1
```
#c1cae1 rgb(193,202,225)
```
#ced5e7
```
#ced5e7 rgb(206,213,231)
```
#dbe1ee
```
#dbe1ee rgb(219,225,238)
```
#e9ecf4
```
#e9ecf4 rgb(233,236,244)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8088 is the less saturated color, while #0a4ffb is the most saturated one.

#7d8088
```
#7d8088 rgb(125,128,136)
```
#747c91
```
#747c91 rgb(116,124,145)
```
#6a789b
```
#6a789b rgb(106,120,155)
```
#6174a4
```
#6174a4 rgb(97,116,164)
```
#5770ae
```
#5770ae rgb(87,112,174)
```
#4d6cb8
```
#4d6cb8 rgb(77,108,184)
```
#4468c1
```
#4468c1 rgb(68,104,193)
```
#3a64cb
```
#3a64cb rgb(58,100,203)
```
#3160d4
```
#3160d4 rgb(49,96,212)
```
#275cde
```
#275cde rgb(39,92,222)
```
#1e58e7
```
#1e58e7 rgb(30,88,231)
```
#1453f1
```
#1453f1 rgb(20,83,241)
```
#0a4ffb
```
#0a4ffb rgb(10,79,251)
```

Tone Color Variation

Below, you can see how #5770ae 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

#707070 Achromatopsia 0.005% of the population
#6b707c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6276b1 Protanopia 1% of men
#5a78b1 Deuteranopia 1% of men
#4f8089 Tritanopia 0.001% of the population

Trichromacy

#5e74b0 Protanomaly 1% of men, 0.01% of women
#5975b0 Deuteranomaly 6% of men, 0.4% of women
#527a96 Tritanomaly 0.01% of the population

#5770ae hex color

#5770ae Color Information

#5770ae Color Conversion

Color Schemes with #5770ae

Alternatives to #5770ae

#5770ae Preview

Shades and Tints of #5770ae

Tones of #5770ae

Color Blindness Simulator