#57c4f0 Color Information
In a RGB color space, hex #57c4f0 is composed of 34.1% red, 76.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 18.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 197.3 degrees, a saturation of 83.6% and a lightness of 64.1%. #57c4f0 color hex could be obtained by blending #aeffff with #0089e1. Closest websafe color is: #66ccff.
-
- R 34
- G 77
- B 94
-
- C 64
- M 18
- Y 0
- K 6
● #57c4f0 color description : Soft blue.
#57c4f0 Color Conversion
The hexadecimal color #57c4f0 has RGB values of R:87, G:196, B:240 and CMYK values of C:0.64, M:0.18, Y:0, K:0.06. Its decimal value is 5752048.
Hex triplet | 57c4f0 | #57c4f0 |
---|---|---|
RGB Decimal | 87, 196, 240 | rgb(87,196,240) |
RGB Percent | 34.1, 76.9, 94.1 | rgb(34.1%,76.9%,94.1%) |
CMYK | 64, 18, 0, 6 | |
HSL | 197.3°, 83.6, 64.1 | hsl(197.3,83.6%,64.1%) |
HSV (or HSB) | 197.3°, 63.8, 94.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 74.695, -18.133, -31.036 |
---|---|
XYZ | 39.395, 47.794, 89.582 |
xyY | 0.223, 0.27, 47.794 |
CIE-LCH | 74.695, 35.944, 239.704 |
CIE-LUV | 74.695, -42.836, -47.291 |
Hunter-Lab | 69.133, -19.268, -28.434 |
Binary | 01010111, 11000100, 11110000 |
Color Schemes with #57c4f0
Alternatives to #57c4f0
Below, you can see some colors close to #57c4f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57c4f0 Preview
This text has a font color of #57c4f0.
<span style="color:#57c4f0;">Text here</span>
This paragraph has a background color of #57c4f0.
<p style="background-color:#57c4f0;">Content here</p>
This element has a border color of #57c4f0.
<div style="border:1px solid #57c4f0;">Content here</div>
.text {color:#57c4f0;}
.background {background-color:#57c4f0;}
.border {border:1px solid #57c4f0;}
Shades and Tints of #57c4f0
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, #01090c is the darkest color, while #f9fdfe is the lightest one.
-
#01090c
#01090c
rgb(1,9,12)
-
#03161e
#03161e
rgb(3,22,30)
-
#042330
#042330
rgb(4,35,48)
-
#063142
#063142
rgb(6,49,66)
-
#083e54
#083e54
rgb(8,62,84)
-
#094b66
#094b66
rgb(9,75,102)
-
#0b5978
#0b5978
rgb(11,89,120)
-
#0c668a
#0c668a
rgb(12,102,138)
-
#0e739c
#0e739c
rgb(14,115,156)
-
#1081ae
#1081ae
rgb(16,129,174)
-
#118ec0
#118ec0
rgb(17,142,192)
-
#139bd2
#139bd2
rgb(19,155,210)
-
#14a8e4
#14a8e4
rgb(20,168,228)
-
#21b1eb
#21b1eb
rgb(33,177,235)
-
#33b7ed
#33b7ed
rgb(51,183,237)
-
#45beee
#45beee
rgb(69,190,238)
-
#57c4f0
#57c4f0
rgb(87,196,240)
-
#69caf2
#69caf2
rgb(105,202,242)
-
#7bd1f3
#7bd1f3
rgb(123,209,243)
-
#8dd7f5
#8dd7f5
rgb(141,215,245)
-
#9fddf6
#9fddf6
rgb(159,221,246)
-
#b1e4f8
#b1e4f8
rgb(177,228,248)
-
#c3eafa
#c3eafa
rgb(195,234,250)
-
#d5f0fb
#d5f0fb
rgb(213,240,251)
-
#e7f7fd
#e7f7fd
rgb(231,247,253)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #57c4f0
A tone is produced by adding gray to any pure hue. In this case, #9da6aa is the less saturated color, while #49cafe is the most saturated one.
-
#9da6aa
#9da6aa
rgb(157,166,170)
-
#96a9b1
#96a9b1
rgb(150,169,177)
-
#8facb8
#8facb8
rgb(143,172,184)
-
#88afbf
#88afbf
rgb(136,175,191)
-
#81b2c6
#81b2c6
rgb(129,178,198)
-
#7ab5cd
#7ab5cd
rgb(122,181,205)
-
#73b8d4
#73b8d4
rgb(115,184,212)
-
#6cbbdb
#6cbbdb
rgb(108,187,219)
-
#65bee2
#65bee2
rgb(101,190,226)
-
#5ec1e9
#5ec1e9
rgb(94,193,233)
-
#57c4f0
#57c4f0
rgb(87,196,240)
-
#50c7f7
#50c7f7
rgb(80,199,247)
-
#49cafe
#49cafe
rgb(73,202,254)
Color Blindness Simulator
Below, you can see how #57c4f0 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.