#57c2f2 Color Information
In a RGB color space, hex #57c2f2 is composed of 34.1% red, 76.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 19.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.6 degrees, a saturation of 85.6% and a lightness of 64.5%. #57c2f2 color hex could be obtained by blending #aeffff with #0085e5. Closest websafe color is: #66ccff.
-
- R 34
- G 76
- B 95
-
- C 64
- M 20
- Y 0
- K 5
● #57c2f2 color description : Soft blue.
#57c2f2 Color Conversion
The hexadecimal color #57c2f2 has RGB values of R:87, G:194, B:242 and CMYK values of C:0.64, M:0.2, Y:0, K:0.05. Its decimal value is 5751538.
Hex triplet | 57c2f2 | #57c2f2 |
---|---|---|
RGB Decimal | 87, 194, 242 | rgb(87,194,242) |
RGB Percent | 34.1, 76.1, 94.9 | rgb(34.1%,76.1%,94.9%) |
CMYK | 64, 20, 0, 5 | |
HSL | 198.6°, 85.6, 64.5 | hsl(198.6,85.6%,64.5%) |
HSV (or HSB) | 198.6°, 64, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 74.201, -16.475, -32.875 |
---|---|
XYZ | 39.245, 47.018, 91.007 |
xyY | 0.221, 0.265, 47.018 |
CIE-LCH | 74.201, 36.772, 243.383 |
CIE-LUV | 74.201, -42.022, -50.611 |
Hunter-Lab | 68.569, -17.833, -30.692 |
Binary | 01010111, 11000010, 11110010 |
Color Schemes with #57c2f2
Alternatives to #57c2f2
Below, you can see some colors close to #57c2f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57c2f2 Preview
This text has a font color of #57c2f2.
<span style="color:#57c2f2;">Text here</span>
This paragraph has a background color of #57c2f2.
<p style="background-color:#57c2f2;">Content here</p>
This element has a border color of #57c2f2.
<div style="border:1px solid #57c2f2;">Content here</div>
.text {color:#57c2f2;}
.background {background-color:#57c2f2;}
.border {border:1px solid #57c2f2;}
Shades and Tints of #57c2f2
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, #010a0e is the darkest color, while #fbfdff is the lightest one.
-
#010a0e
#010a0e
rgb(1,10,14)
-
#021720
#021720
rgb(2,23,32)
-
#042432
#042432
rgb(4,36,50)
-
#053145
#053145
rgb(5,49,69)
-
#073e57
#073e57
rgb(7,62,87)
-
#084b69
#084b69
rgb(8,75,105)
-
#0a587b
#0a587b
rgb(10,88,123)
-
#0b658e
#0b658e
rgb(11,101,142)
-
#0c72a0
#0c72a0
rgb(12,114,160)
-
#0e7fb2
#0e7fb2
rgb(14,127,178)
-
#0f8cc4
#0f8cc4
rgb(15,140,196)
-
#1199d6
#1199d6
rgb(17,153,214)
-
#12a6e9
#12a6e9
rgb(18,166,233)
-
#20aeee
#20aeee
rgb(32,174,238)
-
#33b5ef
#33b5ef
rgb(51,181,239)
-
#45bbf1
#45bbf1
rgb(69,187,241)
-
#57c2f2
#57c2f2
rgb(87,194,242)
-
#69c9f3
#69c9f3
rgb(105,201,243)
-
#7bcff5
#7bcff5
rgb(123,207,245)
-
#8ed6f6
#8ed6f6
rgb(142,214,246)
-
#a0dcf8
#a0dcf8
rgb(160,220,248)
-
#b2e3f9
#b2e3f9
rgb(178,227,249)
-
#c4eafa
#c4eafa
rgb(196,234,250)
-
#d6f0fc
#d6f0fc
rgb(214,240,252)
-
#e9f7fd
#e9f7fd
rgb(233,247,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #57c2f2
A tone is produced by adding gray to any pure hue. In this case, #a4a5a5 is the less saturated color, while #50c5f9 is the most saturated one.
-
#a4a5a5
#a4a5a5
rgb(164,165,165)
-
#9da8ac
#9da8ac
rgb(157,168,172)
-
#96aab3
#96aab3
rgb(150,170,179)
-
#8fadba
#8fadba
rgb(143,173,186)
-
#88afc1
#88afc1
rgb(136,175,193)
-
#81b2c8
#81b2c8
rgb(129,178,200)
-
#7ab5cf
#7ab5cf
rgb(122,181,207)
-
#73b7d6
#73b7d6
rgb(115,183,214)
-
#6cbadd
#6cbadd
rgb(108,186,221)
-
#65bde4
#65bde4
rgb(101,189,228)
-
#5ebfeb
#5ebfeb
rgb(94,191,235)
-
#57c2f2
#57c2f2
rgb(87,194,242)
-
#50c5f9
#50c5f9
rgb(80,197,249)
Color Blindness Simulator
Below, you can see how #57c2f2 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.