#57b4f0 Color Information
In a RGB color space, hex #57b4f0 is composed of 34.1% red, 70.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 25% magenta, 0% yellow and 5.9% black. It has a hue angle of 203.5 degrees, a saturation of 83.6% and a lightness of 64.1%. #57b4f0 color hex could be obtained by blending #aeffff with #0069e1. Closest websafe color is: #66ccff.
-
- R 34
- G 71
- B 94
-
- C 64
- M 25
- Y 0
- K 6
● #57b4f0 color description : Soft blue.
#57b4f0 Color Conversion
The hexadecimal color #57b4f0 has RGB values of R:87, G:180, B:240 and CMYK values of C:0.64, M:0.25, Y:0, K:0.06. Its decimal value is 5747952.
Hex triplet | 57b4f0 | #57b4f0 |
---|---|---|
RGB Decimal | 87, 180, 240 | rgb(87,180,240) |
RGB Percent | 34.1, 70.6, 94.1 | rgb(34.1%,70.6%,94.1%) |
CMYK | 64, 25, 0, 6 | |
HSL | 203.5°, 83.6, 64.1 | hsl(203.5,83.6%,64.1%) |
HSV (or HSB) | 203.5°, 63.8, 94.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.146, -9.636, -38.081 |
---|---|
XYZ | 35.976, 40.957, 88.443 |
xyY | 0.218, 0.248, 40.957 |
CIE-LCH | 70.146, 39.281, 255.8 |
CIE-LUV | 70.146, -37.098, -59.975 |
Hunter-Lab | 63.998, -11.654, -37.138 |
Binary | 01010111, 10110100, 11110000 |
Color Schemes with #57b4f0
Alternatives to #57b4f0
Below, you can see some colors close to #57b4f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57b4f0 Preview
This text has a font color of #57b4f0.
<span style="color:#57b4f0;">Text here</span>
This paragraph has a background color of #57b4f0.
<p style="background-color:#57b4f0;">Content here</p>
This element has a border color of #57b4f0.
<div style="border:1px solid #57b4f0;">Content here</div>
.text {color:#57b4f0;}
.background {background-color:#57b4f0;}
.border {border:1px solid #57b4f0;}
Shades and Tints of #57b4f0
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, #01080c is the darkest color, while #f9fcfe is the lightest one.
-
#01080c
#01080c
rgb(1,8,12)
-
#03131e
#03131e
rgb(3,19,30)
-
#041f30
#041f30
rgb(4,31,48)
-
#062a42
#062a42
rgb(6,42,66)
-
#083654
#083654
rgb(8,54,84)
-
#094266
#094266
rgb(9,66,102)
-
#0b4d78
#0b4d78
rgb(11,77,120)
-
#0c598a
#0c598a
rgb(12,89,138)
-
#0e649c
#0e649c
rgb(14,100,156)
-
#1070ae
#1070ae
rgb(16,112,174)
-
#117cc0
#117cc0
rgb(17,124,192)
-
#1387d2
#1387d2
rgb(19,135,210)
-
#1493e4
#1493e4
rgb(20,147,228)
-
#219ceb
#219ceb
rgb(33,156,235)
-
#33a4ed
#33a4ed
rgb(51,164,237)
-
#45acee
#45acee
rgb(69,172,238)
-
#57b4f0
#57b4f0
rgb(87,180,240)
-
#69bcf2
#69bcf2
rgb(105,188,242)
-
#7bc4f3
#7bc4f3
rgb(123,196,243)
-
#8dccf5
#8dccf5
rgb(141,204,245)
-
#9fd4f6
#9fd4f6
rgb(159,212,246)
-
#b1dcf8
#b1dcf8
rgb(177,220,248)
-
#c3e4fa
#c3e4fa
rgb(195,228,250)
-
#d5ecfb
#d5ecfb
rgb(213,236,251)
-
#e7f4fd
#e7f4fd
rgb(231,244,253)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #57b4f0
A tone is produced by adding gray to any pure hue. In this case, #9da5aa is the less saturated color, while #49b7fe is the most saturated one.
-
#9da5aa
#9da5aa
rgb(157,165,170)
-
#96a6b1
#96a6b1
rgb(150,166,177)
-
#8fa8b8
#8fa8b8
rgb(143,168,184)
-
#88a9bf
#88a9bf
rgb(136,169,191)
-
#81abc6
#81abc6
rgb(129,171,198)
-
#7aaccd
#7aaccd
rgb(122,172,205)
-
#73aed4
#73aed4
rgb(115,174,212)
-
#6cafdb
#6cafdb
rgb(108,175,219)
-
#65b1e2
#65b1e2
rgb(101,177,226)
-
#5eb2e9
#5eb2e9
rgb(94,178,233)
-
#57b4f0
#57b4f0
rgb(87,180,240)
-
#50b6f7
#50b6f7
rgb(80,182,247)
-
#49b7fe
#49b7fe
rgb(73,183,254)
Color Blindness Simulator
Below, you can see how #57b4f0 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.