#5570a9 hex color

In a RGB color space, hex #5570a9 is composed of 33.3% red, 43.9% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 33.7% magenta, 0% yellow and 33.7% black. It has a hue angle of 220.7 degrees, a saturation of 33.1% and a lightness of 49.8%. #5570a9 color hex could be obtained by blending #aae0ff with #000053. Closest websafe color is: #666699.

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

● #5570a9 color description : Dark moderate blue.

The hexadecimal color #5570a9 has RGB values of R:85, G:112, B:169 and CMYK values of C:0.5, M:0.34, Y:0, K:0.34. Its decimal value is 5599401.

Hex triplet	5570a9	`#5570a9`
RGB Decimal	85, 112, 169	`rgb(85,112,169)`
RGB Percent	33.3, 43.9, 66.3	`rgb(33.3%,43.9%,66.3%)`
CMYK	50, 34, 0, 34
HSL	220.7°, 33.1, 49.8	`hsl(220.7,33.1%,49.8%)`
HSV (or HSB)	220.7°, 49.7, 66.3
Web Safe	666699	`#666699`

CIE-LAB	47.474, 6.455, -33.583
XYZ	16.7, 16.383, 39.816
xyY	0.229, 0.225, 16.383
CIE-LCH	47.474, 34.197, 280.88
CIE-LUV	47.474, -14.146, -50.754
Hunter-Lab	40.476, 2.814, -29.989
Binary	01010101, 01110000, 10101001

#5570a9
```
#5570a9 rgb(85,112,169)
```
#a98e55
```
#a98e55 rgb(169,142,85)
```

Complementary Color

#559aa9
```
#559aa9 rgb(85,154,169)
```
#5570a9
```
#5570a9 rgb(85,112,169)
```
#6455a9
```
#6455a9 rgb(100,85,169)
```

Analogous Color

#9aa955
```
#9aa955 rgb(154,169,85)
```
#5570a9
```
#5570a9 rgb(85,112,169)
```
#a96455
```
#a96455 rgb(169,100,85)
```

Split Complementary Color

#70a955
```
#70a955 rgb(112,169,85)
```
#5570a9
```
#5570a9 rgb(85,112,169)
```
#a95570
```
#a95570 rgb(169,85,112)
```

Triadic Color

#55a98e
```
#55a98e rgb(85,169,142)
```
#5570a9
```
#5570a9 rgb(85,112,169)
```
#a95570
```
#a95570 rgb(169,85,112)
```
#a98e55
```
#a98e55 rgb(169,142,85)
```

Tetradic Color

#3b4e76
```
#3b4e76 rgb(59,78,118)
```
#445a87
```
#445a87 rgb(68,90,135)
```
#4c6598
```
#4c6598 rgb(76,101,152)
```
#5570a9
```
#5570a9 rgb(85,112,169)
```
#667eb2
```
#667eb2 rgb(102,126,178)
```
#778cba
```
#778cba rgb(119,140,186)
```
#889bc3
```
#889bc3 rgb(136,155,195)
```

Monochromatic Color

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

#5585a9
```
#5585a9 rgb(85,133,169)
```
#557ea9
```
#557ea9 rgb(85,126,169)
```
#5577a9
```
#5577a9 rgb(85,119,169)
```
#5570a9
```
#5570a9 rgb(85,112,169)
```
#5569a9
```
#5569a9 rgb(85,105,169)
```
#5562a9
```
#5562a9 rgb(85,98,169)
```
#555ba9
```
#555ba9 rgb(85,91,169)
```

Similar Colors

Text with hexadecimal color #5570a9

This text has a font color of #5570a9.

<span style="color:#5570a9;">Text here</span>

#5570a9 background color

This paragraph has a background color of #5570a9.

<p style="background-color:#5570a9;">Content here</p>

#5570a9 border color

This element has a border color of #5570a9.

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

CSS codes

.text {color:#5570a9;}

.background {background-color:#5570a9;}

.border {border:1px solid #5570a9;}

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, #06080c is the darkest color, while #fefeff is the lightest one.

#06080c
```
#06080c rgb(6,8,12)
```
#0d1119
```
#0d1119 rgb(13,17,25)
```
#131a26
```
#131a26 rgb(19,26,38)
```
#1a2234
```
#1a2234 rgb(26,34,52)
```
#202b41
```
#202b41 rgb(32,43,65)
```
#27334e
```
#27334e rgb(39,51,78)
```
#2e3c5b
```
#2e3c5b rgb(46,60,91)
```
#344568
```
#344568 rgb(52,69,104)
```
#3b4d75
```
#3b4d75 rgb(59,77,117)
```
#415682
```
#415682 rgb(65,86,130)
```
#485f8f
```
#485f8f rgb(72,95,143)
```
#4e679c
```
#4e679c rgb(78,103,156)
```
#5570a9
```
#5570a9 rgb(85,112,169)
```

Shade Color Variation

#627bb0
```
#627bb0 rgb(98,123,176)
```
#6f86b6
```
#6f86b6 rgb(111,134,182)
```
#7c91bd
```
#7c91bd rgb(124,145,189)
```
#899cc4
```
#899cc4 rgb(137,156,196)
```
#96a7ca
```
#96a7ca rgb(150,167,202)
```
#a3b2d1
```
#a3b2d1 rgb(163,178,209)
```
#b0bdd7
```
#b0bdd7 rgb(176,189,215)
```
#bdc8de
```
#bdc8de rgb(189,200,222)
```
#cad3e4
```
#cad3e4 rgb(202,211,228)
```
#d7deeb
```
#d7deeb rgb(215,222,235)
```
#e4e9f2
```
#e4e9f2 rgb(228,233,242)
```
#f1f3f8
```
#f1f3f8 rgb(241,243,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7c7e82
```
#7c7e82 rgb(124,126,130)
```
#727a8c
```
#727a8c rgb(114,122,140)
```
#697795
```
#697795 rgb(105,119,149)
```
#5f739f
```
#5f739f rgb(95,115,159)
```
#5570a9
```
#5570a9 rgb(85,112,169)
```
#4b6db3
```
#4b6db3 rgb(75,109,179)
```
#4169bd
```
#4169bd rgb(65,105,189)
```
#3866c6
```
#3866c6 rgb(56,102,198)
```
#2e62d0
```
#2e62d0 rgb(46,98,208)
```
#245fda
```
#245fda rgb(36,95,218)
```
#1a5be4
```
#1a5be4 rgb(26,91,228)
```
#1158ed
```
#1158ed rgb(17,88,237)
```
#0754f7
```
#0754f7 rgb(7,84,247)
```

Tone Color Variation

Below, you can see how #5570a9 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

#6e6e6e Achromatopsia 0.005% of the population
#696e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6476ac Protanopia 1% of men
#5d77ad Deuteranopia 1% of men
#4f7f88 Tritanopia 0.001% of the population

Trichromacy

#5e73ab Protanomaly 1% of men, 0.01% of women
#5a74ab Deuteranomaly 6% of men, 0.4% of women
#517994 Tritanomaly 0.01% of the population

#5570a9 hex color

#5570a9 Color Information

#5570a9 Color Conversion

Color Schemes with #5570a9

Alternatives to #5570a9

#5570a9 Preview

Shades and Tints of #5570a9

Tones of #5570a9

Color Blindness Simulator