#57c2ff Color Information
In a RGB color space, hex #57c2ff is composed of 34.1% red, 76.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 23.9% magenta, 0% yellow and 0% black. It has a hue angle of 201.8 degrees, a saturation of 100% and a lightness of 67.1%. #57c2ff color hex could be obtained by blending #aeffff with #0085ff. Closest websafe color is: #66ccff.
-
- R 34
- G 76
- B 100
-
- C 66
- M 24
- Y 0
- K 0
● #57c2ff color description : Light blue.
#57c2ff Color Conversion
The hexadecimal color #57c2ff has RGB values of R:87, G:194, B:255 and CMYK values of C:0.66, M:0.24, Y:0, K:0. Its decimal value is 5751551.
Hex triplet | 57c2ff | #57c2ff |
---|---|---|
RGB Decimal | 87, 194, 255 | rgb(87,194,255) |
RGB Percent | 34.1, 76.1, 100 | rgb(34.1%,76.1%,100%) |
CMYK | 66, 24, 0, 0 | |
HSL | 201.8°, 100, 67.1 | hsl(201.8,100%,67.1%) |
HSV (or HSB) | 201.8°, 65.9, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 74.715, -12.403, -39.069 |
---|---|
XYZ | 41.268, 47.827, 101.659 |
xyY | 0.216, 0.251, 47.827 |
CIE-LCH | 74.715, 40.991, 252.387 |
CIE-LUV | 74.715, -41.422, -61.825 |
Hunter-Lab | 69.157, -14.509, -38.745 |
Binary | 01010111, 11000010, 11111111 |
Color Schemes with #57c2ff
Alternatives to #57c2ff
Below, you can see some colors close to #57c2ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57c2ff Preview
This text has a font color of #57c2ff.
<span style="color:#57c2ff;">Text here</span>
This paragraph has a background color of #57c2ff.
<p style="background-color:#57c2ff;">Content here</p>
This element has a border color of #57c2ff.
<div style="border:1px solid #57c2ff;">Content here</div>
.text {color:#57c2ff;}
.background {background-color:#57c2ff;}
.border {border:1px solid #57c2ff;}
Shades and Tints of #57c2ff
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, #000509 is the darkest color, while #f4fbff is the lightest one.
-
#000509
#000509
rgb(0,5,9)
-
#00121c
#00121c
rgb(0,18,28)
-
#001e30
#001e30
rgb(0,30,48)
-
#002b43
#002b43
rgb(0,43,67)
-
#003757
#003757
rgb(0,55,87)
-
#00446b
#00446b
rgb(0,68,107)
-
#00507e
#00507e
rgb(0,80,126)
-
#005d92
#005d92
rgb(0,93,146)
-
#0069a5
#0069a5
rgb(0,105,165)
-
#0076b9
#0076b9
rgb(0,118,185)
-
#0082cd
#0082cd
rgb(0,130,205)
-
#008fe0
#008fe0
rgb(0,143,224)
-
#009bf4
#009bf4
rgb(0,155,244)
-
#09a6ff
#09a6ff
rgb(9,166,255)
-
#1cadff
#1cadff
rgb(28,173,255)
-
#30b4ff
#30b4ff
rgb(48,180,255)
-
#43bbff
#43bbff
rgb(67,187,255)
-
#57c2ff
#57c2ff
rgb(87,194,255)
-
#6bc9ff
#6bc9ff
rgb(107,201,255)
-
#7ed0ff
#7ed0ff
rgb(126,208,255)
-
#92d7ff
#92d7ff
rgb(146,215,255)
-
#a5deff
#a5deff
rgb(165,222,255)
-
#b9e6ff
#b9e6ff
rgb(185,230,255)
-
#cdedff
#cdedff
rgb(205,237,255)
-
#e0f4ff
#e0f4ff
rgb(224,244,255)
-
#f4fbff
#f4fbff
rgb(244,251,255)
Tones of #57c2ff
A tone is produced by adding gray to any pure hue. In this case, #a5adb1 is the less saturated color, while #57c2ff is the most saturated one.
-
#a5adb1
#a5adb1
rgb(165,173,177)
-
#9eafb8
#9eafb8
rgb(158,175,184)
-
#98b0be
#98b0be
rgb(152,176,190)
-
#91b2c5
#91b2c5
rgb(145,178,197)
-
#8bb4cb
#8bb4cb
rgb(139,180,203)
-
#84b6d2
#84b6d2
rgb(132,182,210)
-
#7eb7d8
#7eb7d8
rgb(126,183,216)
-
#77b9df
#77b9df
rgb(119,185,223)
-
#71bbe5
#71bbe5
rgb(113,187,229)
-
#6abdec
#6abdec
rgb(106,189,236)
-
#64bef2
#64bef2
rgb(100,190,242)
-
#5dc0f9
#5dc0f9
rgb(93,192,249)
-
#57c2ff
#57c2ff
rgb(87,194,255)
Color Blindness Simulator
Below, you can see how #57c2ff 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.