#57caf0 Color Information
In a RGB color space, hex #57caf0 is composed of 34.1% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 194.9 degrees, a saturation of 83.6% and a lightness of 64.1%. #57caf0 color hex could be obtained by blending #aeffff with #0095e1. Closest websafe color is: #66ccff.
-
- R 34
- G 79
- B 94
-
- C 64
- M 16
- Y 0
- K 6
● #57caf0 color description : Soft cyan.
#57caf0 Color Conversion
The hexadecimal color #57caf0 has RGB values of R:87, G:202, B:240 and CMYK values of C:0.64, M:0.16, Y:0, K:0.06. Its decimal value is 5753584.
Hex triplet | 57caf0 | #57caf0 |
---|---|---|
RGB Decimal | 87, 202, 240 | rgb(87,202,240) |
RGB Percent | 34.1, 79.2, 94.1 | rgb(34.1%,79.2%,94.1%) |
CMYK | 64, 16, 0, 6 | |
HSL | 194.9°, 83.6, 64.1 | hsl(194.9,83.6%,64.1%) |
HSV (or HSB) | 194.9°, 63.8, 94.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 76.409, -21.215, -28.401 |
---|---|
XYZ | 40.775, 50.555, 90.043 |
xyY | 0.225, 0.279, 50.555 |
CIE-LCH | 76.409, 35.45, 233.241 |
CIE-LUV | 76.409, -44.998, -42.513 |
Hunter-Lab | 71.102, -22.065, -25.312 |
Binary | 01010111, 11001010, 11110000 |
Color Schemes with #57caf0
Alternatives to #57caf0
Below, you can see some colors close to #57caf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57caf0 Preview
This text has a font color of #57caf0.
<span style="color:#57caf0;">Text here</span>
This paragraph has a background color of #57caf0.
<p style="background-color:#57caf0;">Content here</p>
This element has a border color of #57caf0.
<div style="border:1px solid #57caf0;">Content here</div>
.text {color:#57caf0;}
.background {background-color:#57caf0;}
.border {border:1px solid #57caf0;}
Shades and Tints of #57caf0
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)
-
#03171e
#03171e
rgb(3,23,30)
-
#042530
#042530
rgb(4,37,48)
-
#063342
#063342
rgb(6,51,66)
-
#084154
#084154
rgb(8,65,84)
-
#094f66
#094f66
rgb(9,79,102)
-
#0b5d78
#0b5d78
rgb(11,93,120)
-
#0c6b8a
#0c6b8a
rgb(12,107,138)
-
#0e799c
#0e799c
rgb(14,121,156)
-
#1087ae
#1087ae
rgb(16,135,174)
-
#1195c0
#1195c0
rgb(17,149,192)
-
#13a3d2
#13a3d2
rgb(19,163,210)
-
#14b1e4
#14b1e4
rgb(20,177,228)
-
#21b9eb
#21b9eb
rgb(33,185,235)
-
#33bfed
#33bfed
rgb(51,191,237)
-
#45c4ee
#45c4ee
rgb(69,196,238)
-
#57caf0
#57caf0
rgb(87,202,240)
-
#69d0f2
#69d0f2
rgb(105,208,242)
-
#7bd5f3
#7bd5f3
rgb(123,213,243)
-
#8ddbf5
#8ddbf5
rgb(141,219,245)
-
#9fe1f6
#9fe1f6
rgb(159,225,246)
-
#b1e6f8
#b1e6f8
rgb(177,230,248)
-
#c3ecfa
#c3ecfa
rgb(195,236,250)
-
#d5f2fb
#d5f2fb
rgb(213,242,251)
-
#e7f7fd
#e7f7fd
rgb(231,247,253)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #57caf0
A tone is produced by adding gray to any pure hue. In this case, #9da7aa is the less saturated color, while #49d1fe is the most saturated one.
-
#9da7aa
#9da7aa
rgb(157,167,170)
-
#96aab1
#96aab1
rgb(150,170,177)
-
#8faeb8
#8faeb8
rgb(143,174,184)
-
#88b1bf
#88b1bf
rgb(136,177,191)
-
#81b5c6
#81b5c6
rgb(129,181,198)
-
#7ab8cd
#7ab8cd
rgb(122,184,205)
-
#73bcd4
#73bcd4
rgb(115,188,212)
-
#6cbfdb
#6cbfdb
rgb(108,191,219)
-
#65c3e2
#65c3e2
rgb(101,195,226)
-
#5ec6e9
#5ec6e9
rgb(94,198,233)
-
#57caf0
#57caf0
rgb(87,202,240)
-
#50cef7
#50cef7
rgb(80,206,247)
-
#49d1fe
#49d1fe
rgb(73,209,254)
Color Blindness Simulator
Below, you can see how #57caf0 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.