#57a2ef Color Information
In a RGB color space, hex #57a2ef is composed of 34.1% red, 63.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 32.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 210.4 degrees, a saturation of 82.6% and a lightness of 63.9%. #57a2ef color hex could be obtained by blending #aeffff with #0045df. Closest websafe color is: #6699ff.
-
- R 34
- G 64
- B 94
-
- C 64
- M 32
- Y 0
- K 6
● #57a2ef color description : Soft blue.
#57a2ef Color Conversion
The hexadecimal color #57a2ef has RGB values of R:87, G:162, B:239 and CMYK values of C:0.64, M:0.32, Y:0, K:0.06. Its decimal value is 5743343.
Hex triplet | 57a2ef | #57a2ef |
---|---|---|
RGB Decimal | 87, 162, 239 | rgb(87,162,239) |
RGB Percent | 34.1, 63.5, 93.7 | rgb(34.1%,63.5%,93.7%) |
CMYK | 64, 32, 0, 6 | |
HSL | 210.4°, 82.6, 63.9 | hsl(210.4,82.6%,63.9%) |
HSV (or HSB) | 210.4°, 63.6, 93.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.039, 0.069, -45.53 |
---|---|
XYZ | 32.427, 34.097, 86.529 |
xyY | 0.212, 0.223, 34.097 |
CIE-LCH | 65.039, 45.53, 270.087 |
CIE-LUV | 65.039, -30.779, -73.054 |
Hunter-Lab | 58.392, -3.06, -46.985 |
Binary | 01010111, 10100010, 11101111 |
Color Schemes with #57a2ef
Alternatives to #57a2ef
Below, you can see some colors close to #57a2ef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57a2ef Preview
This text has a font color of #57a2ef.
<span style="color:#57a2ef;">Text here</span>
This paragraph has a background color of #57a2ef.
<p style="background-color:#57a2ef;">Content here</p>
This element has a border color of #57a2ef.
<div style="border:1px solid #57a2ef;">Content here</div>
.text {color:#57a2ef;}
.background {background-color:#57a2ef;}
.border {border:1px solid #57a2ef;}
Shades and Tints of #57a2ef
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, #01060b is the darkest color, while #f8fbfe is the lightest one.
-
#01060b
#01060b
rgb(1,6,11)
-
#03101d
#03101d
rgb(3,16,29)
-
#04192f
#04192f
rgb(4,25,47)
-
#062341
#062341
rgb(6,35,65)
-
#082d53
#082d53
rgb(8,45,83)
-
#0a3765
#0a3765
rgb(10,55,101)
-
#0b4077
#0b4077
rgb(11,64,119)
-
#0d4a88
#0d4a88
rgb(13,74,136)
-
#0f549a
#0f549a
rgb(15,84,154)
-
#105dac
#105dac
rgb(16,93,172)
-
#1267be
#1267be
rgb(18,103,190)
-
#1471d0
#1471d0
rgb(20,113,208)
-
#167ae2
#167ae2
rgb(22,122,226)
-
#2184ea
#2184ea
rgb(33,132,234)
-
#338eec
#338eec
rgb(51,142,236)
-
#4598ed
#4598ed
rgb(69,152,237)
-
#57a2ef
#57a2ef
rgb(87,162,239)
-
#69acf1
#69acf1
rgb(105,172,241)
-
#7bb6f2
#7bb6f2
rgb(123,182,242)
-
#8dc0f4
#8dc0f4
rgb(141,192,244)
-
#9fcaf6
#9fcaf6
rgb(159,202,246)
-
#b1d4f8
#b1d4f8
rgb(177,212,248)
-
#c2ddf9
#c2ddf9
rgb(194,221,249)
-
#d4e7fb
#d4e7fb
rgb(212,231,251)
-
#e6f1fd
#e6f1fd
rgb(230,241,253)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #57a2ef
A tone is produced by adding gray to any pure hue. In this case, #9ea3a8 is the less saturated color, while #49a2fd is the most saturated one.
-
#9ea3a8
#9ea3a8
rgb(158,163,168)
-
#97a3af
#97a3af
rgb(151,163,175)
-
#90a3b6
#90a3b6
rgb(144,163,182)
-
#89a3bd
#89a3bd
rgb(137,163,189)
-
#81a3c5
#81a3c5
rgb(129,163,197)
-
#7aa2cc
#7aa2cc
rgb(122,162,204)
-
#73a2d3
#73a2d3
rgb(115,162,211)
-
#6ca2da
#6ca2da
rgb(108,162,218)
-
#65a2e1
#65a2e1
rgb(101,162,225)
-
#5ea2e8
#5ea2e8
rgb(94,162,232)
-
#57a2ef
#57a2ef
rgb(87,162,239)
-
#50a2f6
#50a2f6
rgb(80,162,246)
-
#49a2fd
#49a2fd
rgb(73,162,253)
Color Blindness Simulator
Below, you can see how #57a2ef 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.