#57a2ec Color Information
In a RGB color space, hex #57a2ec is composed of 34.1% red, 63.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 31.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 209.8 degrees, a saturation of 79.7% and a lightness of 63.3%. #57a2ec color hex could be obtained by blending #aeffff with #0045d9. Closest websafe color is: #6699ff.
-
- R 34
- G 64
- B 93
-
- C 63
- M 31
- Y 0
- K 7
● #57a2ec color description : Soft blue.
#57a2ec Color Conversion
The hexadecimal color #57a2ec has RGB values of R:87, G:162, B:236 and CMYK values of C:0.63, M:0.31, Y:0, K:0.07. Its decimal value is 5743340.
Hex triplet | 57a2ec | #57a2ec |
---|---|---|
RGB Decimal | 87, 162, 236 | rgb(87,162,236) |
RGB Percent | 34.1, 63.5, 92.5 | rgb(34.1%,63.5%,92.5%) |
CMYK | 63, 31, 0, 7 | |
HSL | 209.8°, 79.7, 63.3 | hsl(209.8,79.7%,63.3%) |
HSV (or HSB) | 209.8°, 63.1, 92.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 64.9, -0.915, -44.103 |
---|---|
XYZ | 31.988, 33.921, 84.214 |
xyY | 0.213, 0.226, 33.921 |
CIE-LCH | 64.9, 44.113, 268.811 |
CIE-LUV | 64.9, -30.862, -70.51 |
Hunter-Lab | 58.242, -3.887, -44.961 |
Binary | 01010111, 10100010, 11101100 |
Color Schemes with #57a2ec
Alternatives to #57a2ec
Below, you can see some colors close to #57a2ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57a2ec Preview
This text has a font color of #57a2ec.
<span style="color:#57a2ec;">Text here</span>
This paragraph has a background color of #57a2ec.
<p style="background-color:#57a2ec;">Content here</p>
This element has a border color of #57a2ec.
<div style="border:1px solid #57a2ec;">Content here</div>
.text {color:#57a2ec;}
.background {background-color:#57a2ec;}
.border {border:1px solid #57a2ec;}
Shades and Tints of #57a2ec
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, #010508 is the darkest color, while #f6fafe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#030e1a
#030e1a
rgb(3,14,26)
-
#05182b
#05182b
rgb(5,24,43)
-
#07223d
#07223d
rgb(7,34,61)
-
#092c4f
#092c4f
rgb(9,44,79)
-
#0b3660
#0b3660
rgb(11,54,96)
-
#0d4072
#0d4072
rgb(13,64,114)
-
#0f4a84
#0f4a84
rgb(15,74,132)
-
#115395
#115395
rgb(17,83,149)
-
#135da7
#135da7
rgb(19,93,167)
-
#1567b8
#1567b8
rgb(21,103,184)
-
#1771ca
#1771ca
rgb(23,113,202)
-
#197bdc
#197bdc
rgb(25,123,220)
-
#2285e6
#2285e6
rgb(34,133,230)
-
#348ee8
#348ee8
rgb(52,142,232)
-
#4598ea
#4598ea
rgb(69,152,234)
-
#57a2ec
#57a2ec
rgb(87,162,236)
-
#69acee
#69acee
rgb(105,172,238)
-
#7ab6f0
#7ab6f0
rgb(122,182,240)
-
#8cbff2
#8cbff2
rgb(140,191,242)
-
#9dc9f4
#9dc9f4
rgb(157,201,244)
-
#afd3f6
#afd3f6
rgb(175,211,246)
-
#c1ddf8
#c1ddf8
rgb(193,221,248)
-
#d2e6fa
#d2e6fa
rgb(210,230,250)
-
#e4f0fc
#e4f0fc
rgb(228,240,252)
-
#f6fafe
#f6fafe
rgb(246,250,254)
Tones of #57a2ec
A tone is produced by adding gray to any pure hue. In this case, #9fa2a4 is the less saturated color, while #49a2fa is the most saturated one.
-
#9fa2a4
#9fa2a4
rgb(159,162,164)
-
#98a2ab
#98a2ab
rgb(152,162,171)
-
#91a2b2
#91a2b2
rgb(145,162,178)
-
#89a2ba
#89a2ba
rgb(137,162,186)
-
#82a2c1
#82a2c1
rgb(130,162,193)
-
#7ba2c8
#7ba2c8
rgb(123,162,200)
-
#74a2cf
#74a2cf
rgb(116,162,207)
-
#6da2d6
#6da2d6
rgb(109,162,214)
-
#65a2de
#65a2de
rgb(101,162,222)
-
#5ea2e5
#5ea2e5
rgb(94,162,229)
-
#57a2ec
#57a2ec
rgb(87,162,236)
-
#50a2f3
#50a2f3
rgb(80,162,243)
-
#49a2fa
#49a2fa
rgb(73,162,250)
Color Blindness Simulator
Below, you can see how #57a2ec 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.