#57b4e1 Color Information
In a RGB color space, hex #57b4e1 is composed of 34.1% red, 70.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 20% magenta, 0% yellow and 11.8% black. It has a hue angle of 199.6 degrees, a saturation of 69.7% and a lightness of 61.2%. #57b4e1 color hex could be obtained by blending #aeffff with #0069c3. Closest websafe color is: #66cccc.
-
- R 34
- G 71
- B 88
-
- C 61
- M 20
- Y 0
- K 12
● #57b4e1 color description : Soft blue.
#57b4e1 Color Conversion
The hexadecimal color #57b4e1 has RGB values of R:87, G:180, B:225 and CMYK values of C:0.61, M:0.2, Y:0, K:0.12. Its decimal value is 5747937.
Hex triplet | 57b4e1 | #57b4e1 |
---|---|---|
RGB Decimal | 87, 180, 225 | rgb(87,180,225) |
RGB Percent | 34.1, 70.6, 88.2 | rgb(34.1%,70.6%,88.2%) |
CMYK | 61, 20, 0, 12 | |
HSL | 199.6°, 69.7, 61.2 | hsl(199.6,69.7%,61.2%) |
HSV (or HSB) | 199.6°, 61.3, 88.2 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.542, -14.343, -30.843 |
---|---|
XYZ | 33.839, 40.103, 77.187 |
xyY | 0.224, 0.265, 40.103 |
CIE-LCH | 69.542, 34.015, 245.06 |
CIE-LUV | 69.542, -37.707, -47.027 |
Hunter-Lab | 63.327, -15.439, -27.939 |
Binary | 01010111, 10110100, 11100001 |
Color Schemes with #57b4e1
Alternatives to #57b4e1
Below, you can see some colors close to #57b4e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57b4e1 Preview
This text has a font color of #57b4e1.
<span style="color:#57b4e1;">Text here</span>
This paragraph has a background color of #57b4e1.
<p style="background-color:#57b4e1;">Content here</p>
This element has a border color of #57b4e1.
<div style="border:1px solid #57b4e1;">Content here</div>
.text {color:#57b4e1;}
.background {background-color:#57b4e1;}
.border {border:1px solid #57b4e1;}
Shades and Tints of #57b4e1
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, #030b0f is the darkest color, while #fdfeff is the lightest one.
-
#030b0f
#030b0f
rgb(3,11,15)
-
#061720
#061720
rgb(6,23,32)
-
#092330
#092330
rgb(9,35,48)
-
#0c3041
#0c3041
rgb(12,48,65)
-
#0f3c52
#0f3c52
rgb(15,60,82)
-
#124862
#124862
rgb(18,72,98)
-
#155473
#155473
rgb(21,84,115)
-
#176084
#176084
rgb(23,96,132)
-
#1a6d94
#1a6d94
rgb(26,109,148)
-
#1d79a5
#1d79a5
rgb(29,121,165)
-
#2085b6
#2085b6
rgb(32,133,182)
-
#2391c6
#2391c6
rgb(35,145,198)
-
#269dd7
#269dd7
rgb(38,157,215)
-
#36a5db
#36a5db
rgb(54,165,219)
-
#46adde
#46adde
rgb(70,173,222)
-
#57b4e1
#57b4e1
rgb(87,180,225)
-
#68bbe4
#68bbe4
rgb(104,187,228)
-
#78c3e7
#78c3e7
rgb(120,195,231)
-
#89caea
#89caea
rgb(137,202,234)
-
#9ad2ed
#9ad2ed
rgb(154,210,237)
-
#aad9f0
#aad9f0
rgb(170,217,240)
-
#bbe1f3
#bbe1f3
rgb(187,225,243)
-
#cce8f6
#cce8f6
rgb(204,232,246)
-
#dceff9
#dceff9
rgb(220,239,249)
-
#edf7fc
#edf7fc
rgb(237,247,252)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #57b4e1
A tone is produced by adding gray to any pure hue. In this case, #9c9c9c is the less saturated color, while #40bcf8 is the most saturated one.
-
#9c9c9c
#9c9c9c
rgb(156,156,156)
-
#949fa4
#949fa4
rgb(148,159,164)
-
#8ca1ac
#8ca1ac
rgb(140,161,172)
-
#85a4b3
#85a4b3
rgb(133,164,179)
-
#7da7bb
#7da7bb
rgb(125,167,187)
-
#75a9c3
#75a9c3
rgb(117,169,195)
-
#6eacca
#6eacca
rgb(110,172,202)
-
#66afd2
#66afd2
rgb(102,175,210)
-
#5fb1d9
#5fb1d9
rgb(95,177,217)
-
#57b4e1
#57b4e1
rgb(87,180,225)
-
#4fb7e9
#4fb7e9
rgb(79,183,233)
-
#48b9f0
#48b9f0
rgb(72,185,240)
-
#40bcf8
#40bcf8
rgb(64,188,248)
Color Blindness Simulator
Below, you can see how #57b4e1 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.