colorhexa.com

#57a0dd hex color

In a RGB color space, hex #57a0dd is composed of 34.1% red, 62.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 27.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 207.3 degrees, a saturation of 66.3% and a lightness of 60.4%. #57a0dd color hex could be obtained by blending #aeffff with #0041bb. Closest websafe color is: #6699cc.

- R 34
- G 63
- B 87
RGB color chart
- C 61
- M 28
- Y 0
- K 13
CMYK color chart

● #57a0dd color description : Soft blue.

The hexadecimal color #57a0dd has RGB values of R:87, G:160, B:221 and CMYK values of C:0.61, M:0.28, Y:0, K:0.13. Its decimal value is 5742813.

Hex triplet	57a0dd	`#57a0dd`
RGB Decimal	87, 160, 221	`rgb(87,160,221)`
RGB Percent	34.1, 62.7, 86.7	`rgb(34.1%,62.7%,86.7%)`
CMYK	61, 28, 0, 13
HSL	207.3°, 66.3, 60.4	`hsl(207.3,66.3%,60.4%)`
HSV (or HSB)	207.3°, 60.6, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.661, -4.647, -37.776
XYZ	29.549, 32.386, 73.097
xyY	0.219, 0.24, 32.386
CIE-LCH	63.661, 38.061, 262.987
CIE-LUV	63.661, -30.577, -59.232
Hunter-Lab	56.909, -6.907, -36.319
Binary	01010111, 10100000, 11011101

#57a0dd
```
#57a0dd rgb(87,160,221)
```
#dd9457
```
#dd9457 rgb(221,148,87)
```

Complementary Color

#57ddd7
```
#57ddd7 rgb(87,221,215)
```
#57a0dd
```
#57a0dd rgb(87,160,221)
```
#575ddd
```
#575ddd rgb(87,93,221)
```

Analogous Color

#ddd757
```
#ddd757 rgb(221,215,87)
```
#57a0dd
```
#57a0dd rgb(87,160,221)
```
#dd575d
```
#dd575d rgb(221,87,93)
```

Split Complementary Color

#a0dd57
```
#a0dd57 rgb(160,221,87)
```
#57a0dd
```
#57a0dd rgb(87,160,221)
```
#dd57a0
```
#dd57a0 rgb(221,87,160)
```

Triadic Color

#57dd94
```
#57dd94 rgb(87,221,148)
```
#57a0dd
```
#57a0dd rgb(87,160,221)
```
#dd57a0
```
#dd57a0 rgb(221,87,160)
```
#dd9457
```
#dd9457 rgb(221,148,87)
```

Tetradic Color

#277bc1
```
#277bc1 rgb(39,123,193)
```
#2d88d4
```
#2d88d4 rgb(45,136,212)
```
#4294d9
```
#4294d9 rgb(66,148,217)
```
#57a0dd
```
#57a0dd rgb(87,160,221)
```
#6cace1
```
#6cace1 rgb(108,172,225)
```
#81b8e6
```
#81b8e6 rgb(129,184,230)
```
#97c4ea
```
#97c4ea rgb(151,196,234)
```

Monochromatic Color

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

#57c2dd
```
#57c2dd rgb(87,194,221)
```
#57b6dd
```
#57b6dd rgb(87,182,221)
```
#57abdd
```
#57abdd rgb(87,171,221)
```
#57a0dd
```
#57a0dd rgb(87,160,221)
```
#5795dd
```
#5795dd rgb(87,149,221)
```
#578add
```
#578add rgb(87,138,221)
```
#577fdd
```
#577fdd rgb(87,127,221)
```

Similar Colors

Text with hexadecimal color #57a0dd

This text has a font color of #57a0dd.

<span style="color:#57a0dd;">Text here</span>

#57a0dd background color

This paragraph has a background color of #57a0dd.

<p style="background-color:#57a0dd;">Content here</p>

#57a0dd border color

This element has a border color of #57a0dd.

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

CSS codes

.text {color:#57a0dd;}

.background {background-color:#57a0dd;}

.border {border:1px solid #57a0dd;}

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, #02070b is the darkest color, while #fafcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#06121c
```
#06121c rgb(6,18,28)
```
#091c2c
```
#091c2c rgb(9,28,44)
```
#0c263c
```
#0c263c rgb(12,38,60)
```
#10314d
```
#10314d rgb(16,49,77)
```
#133b5d
```
#133b5d rgb(19,59,93)
```
#16466d
```
#16466d rgb(22,70,109)
```
#19507e
```
#19507e rgb(25,80,126)
```
#1d5a8e
```
#1d5a8e rgb(29,90,142)
```
#20659e
```
#20659e rgb(32,101,158)
```
#236faf
```
#236faf rgb(35,111,175)
```
#277abf
```
#277abf rgb(39,122,191)
```
#2a84cf
```
#2a84cf rgb(42,132,207)
```

Shade Color Variation

#368ed6
```
#368ed6 rgb(54,142,214)
```
#4797da
```
#4797da rgb(71,151,218)
```
#57a0dd
```
#57a0dd rgb(87,160,221)
```
#67a9e0
```
#67a9e0 rgb(103,169,224)
```
#78b2e4
```
#78b2e4 rgb(120,178,228)
```
#88bce7
```
#88bce7 rgb(136,188,231)
```
#98c5ea
```
#98c5ea rgb(152,197,234)
```
#a9ceee
```
#a9ceee rgb(169,206,238)
```
#b9d7f1
```
#b9d7f1 rgb(185,215,241)
```
#c9e1f4
```
#c9e1f4 rgb(201,225,244)
```
#daeaf7
```
#daeaf7 rgb(218,234,247)
```
#eaf3fb
```
#eaf3fb rgb(234,243,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959a9f is the less saturated color, while #38a3fc is the most saturated one.

#959a9f
```
#959a9f rgb(149,154,159)
```
#8d9ba7
```
#8d9ba7 rgb(141,155,167)
```
#869cae
```
#869cae rgb(134,156,174)
```
#7e9db6
```
#7e9db6 rgb(126,157,182)
```
#769dbe
```
#769dbe rgb(118,157,190)
```
#6e9ec6
```
#6e9ec6 rgb(110,158,198)
```
#679fcd
```
#679fcd rgb(103,159,205)
```
#5f9fd5
```
#5f9fd5 rgb(95,159,213)
```
#57a0dd
```
#57a0dd rgb(87,160,221)
```
#4fa1e5
```
#4fa1e5 rgb(79,161,229)
```
#47a1ed
```
#47a1ed rgb(71,161,237)
```
#40a2f4
```
#40a2f4 rgb(64,162,244)
```
#38a3fc
```
#38a3fc rgb(56,163,252)
```

Tone Color Variation

Below, you can see how #57a0dd 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

#919191 Achromatopsia 0.005% of the population
#8594a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9dd9 Protanopia 1% of men
#819ee1 Deuteranopia 1% of men
#48acb9 Tritanopia 0.001% of the population

Trichromacy

#789eda Protanomaly 1% of men, 0.01% of women
#729fdf Deuteranomaly 6% of men, 0.4% of women
#4ea7c6 Tritanomaly 0.01% of the population