#57a5e6 Color Information
In a RGB color space, hex #57a5e6 is composed of 34.1% red, 64.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 28.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 207.3 degrees, a saturation of 74.1% and a lightness of 62.2%. #57a5e6 color hex could be obtained by blending #aeffff with #004bcd. Closest websafe color is: #6699ff.
-
- R 34
- G 65
- B 90
-
- C 62
- M 28
- Y 0
- K 10
● #57a5e6 color description : Soft blue.
#57a5e6 Color Conversion
The hexadecimal color #57a5e6 has RGB values of R:87, G:165, B:230 and CMYK values of C:0.62, M:0.28, Y:0, K:0.1. Its decimal value is 5744102.
Hex triplet | 57a5e6 | #57a5e6 |
---|---|---|
RGB Decimal | 87, 165, 230 | rgb(87,165,230) |
RGB Percent | 34.1, 64.7, 90.2 | rgb(34.1%,64.7%,90.2%) |
CMYK | 62, 28, 0, 10 | |
HSL | 207.3°, 74.1, 62.2 | hsl(207.3,74.1%,62.2%) |
HSV (or HSB) | 207.3°, 62.2, 90.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.473, -4.56, -39.907 |
---|---|
XYZ | 31.665, 34.647, 79.877 |
xyY | 0.217, 0.237, 34.647 |
CIE-LCH | 65.473, 40.167, 263.481 |
CIE-LUV | 65.473, -32.101, -63.089 |
Hunter-Lab | 58.862, -6.984, -39.255 |
Binary | 01010111, 10100101, 11100110 |
Color Schemes with #57a5e6
Alternatives to #57a5e6
Below, you can see some colors close to #57a5e6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57a5e6 Preview
This text has a font color of #57a5e6.
<span style="color:#57a5e6;">Text here</span>
This paragraph has a background color of #57a5e6.
<p style="background-color:#57a5e6;">Content here</p>
This element has a border color of #57a5e6.
<div style="border:1px solid #57a5e6;">Content here</div>
.text {color:#57a5e6;}
.background {background-color:#57a5e6;}
.border {border:1px solid #57a5e6;}
Shades and Tints of #57a5e6
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, #000203 is the darkest color, while #f1f7fd is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#030c14
#030c14
rgb(3,12,20)
-
#051725
#051725
rgb(5,23,37)
-
#082136
#082136
rgb(8,33,54)
-
#0b2c47
#0b2c47
rgb(11,44,71)
-
#0d3658
#0d3658
rgb(13,54,88)
-
#104069
#104069
rgb(16,64,105)
-
#124b7a
#124b7a
rgb(18,75,122)
-
#15558b
#15558b
rgb(21,85,139)
-
#17609c
#17609c
rgb(23,96,156)
-
#1a6aad
#1a6aad
rgb(26,106,173)
-
#1c75bf
#1c75bf
rgb(28,117,191)
-
#1f7fd0
#1f7fd0
rgb(31,127,208)
-
#248ade
#248ade
rgb(36,138,222)
-
#3593e1
#3593e1
rgb(53,147,225)
-
#469ce3
#469ce3
rgb(70,156,227)
-
#57a5e6
#57a5e6
rgb(87,165,230)
-
#68aee9
#68aee9
rgb(104,174,233)
-
#79b7eb
#79b7eb
rgb(121,183,235)
-
#8ac0ee
#8ac0ee
rgb(138,192,238)
-
#9bcaf0
#9bcaf0
rgb(155,202,240)
-
#acd3f3
#acd3f3
rgb(172,211,243)
-
#bddcf5
#bddcf5
rgb(189,220,245)
-
#cfe5f8
#cfe5f8
rgb(207,229,248)
-
#e0eefa
#e0eefa
rgb(224,238,250)
-
#f1f7fd
#f1f7fd
rgb(241,247,253)
Tones of #57a5e6
A tone is produced by adding gray to any pure hue. In this case, #9a9fa3 is the less saturated color, while #41a7fc is the most saturated one.
-
#9a9fa3
#9a9fa3
rgb(154,159,163)
-
#92a0ab
#92a0ab
rgb(146,160,171)
-
#8ba0b2
#8ba0b2
rgb(139,160,178)
-
#84a1b9
#84a1b9
rgb(132,161,185)
-
#7ca2c1
#7ca2c1
rgb(124,162,193)
-
#75a2c8
#75a2c8
rgb(117,162,200)
-
#6da3d0
#6da3d0
rgb(109,163,208)
-
#66a4d7
#66a4d7
rgb(102,164,215)
-
#5ea4df
#5ea4df
rgb(94,164,223)
-
#57a5e6
#57a5e6
rgb(87,165,230)
-
#50a6ed
#50a6ed
rgb(80,166,237)
-
#48a6f5
#48a6f5
rgb(72,166,245)
-
#41a7fc
#41a7fc
rgb(65,167,252)
Color Blindness Simulator
Below, you can see how #57a5e6 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.