#57b4fe Color Information
In a RGB color space, hex #57b4fe is composed of 34.1% red, 70.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 29.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 206.6 degrees, a saturation of 98.8% and a lightness of 66.9%. #57b4fe color hex could be obtained by blending #aeffff with #0069fd. Closest websafe color is: #66ccff.
-
- R 34
- G 71
- B 100
-
- C 66
- M 29
- Y 0
- K 0
● #57b4fe color description : Soft blue.
#57b4fe Color Conversion
The hexadecimal color #57b4fe has RGB values of R:87, G:180, B:254 and CMYK values of C:0.66, M:0.29, Y:0, K:0. Its decimal value is 5747966.
Hex triplet | 57b4fe | #57b4fe |
---|---|---|
RGB Decimal | 87, 180, 254 | rgb(87,180,254) |
RGB Percent | 34.1, 70.6, 99.6 | rgb(34.1%,70.6%,99.6%) |
CMYK | 66, 29, 0, 0 | |
HSL | 206.6°, 98.8, 66.9 | hsl(206.6,98.8%,66.9%) |
HSV (or HSB) | 206.6°, 65.7, 99.6 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.748, -5.129, -44.726 |
---|---|
XYZ | 38.137, 41.822, 99.823 |
xyY | 0.212, 0.233, 41.822 |
CIE-LCH | 70.748, 45.019, 263.458 |
CIE-LUV | 70.748, -36.558, -71.979 |
Hunter-Lab | 64.67, -7.907, -46.25 |
Binary | 01010111, 10110100, 11111110 |
Color Schemes with #57b4fe
Alternatives to #57b4fe
Below, you can see some colors close to #57b4fe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57b4fe Preview
This text has a font color of #57b4fe.
<span style="color:#57b4fe;">Text here</span>
This paragraph has a background color of #57b4fe.
<p style="background-color:#57b4fe;">Content here</p>
This element has a border color of #57b4fe.
<div style="border:1px solid #57b4fe;">Content here</div>
.text {color:#57b4fe;}
.background {background-color:#57b4fe;}
.border {border:1px solid #57b4fe;}
Shades and Tints of #57b4fe
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, #000407 is the darkest color, while #f3faff is the lightest one.
-
#000407
#000407
rgb(0,4,7)
-
#000f1b
#000f1b
rgb(0,15,27)
-
#001a2e
#001a2e
rgb(0,26,46)
-
#002542
#002542
rgb(0,37,66)
-
#013055
#013055
rgb(1,48,85)
-
#013b69
#013b69
rgb(1,59,105)
-
#01467c
#01467c
rgb(1,70,124)
-
#015190
#015190
rgb(1,81,144)
-
#015ba3
#015ba3
rgb(1,91,163)
-
#0166b7
#0166b7
rgb(1,102,183)
-
#0171ca
#0171ca
rgb(1,113,202)
-
#017cde
#017cde
rgb(1,124,222)
-
#0187f1
#0187f1
rgb(1,135,241)
-
#0991fe
#0991fe
rgb(9,145,254)
-
#1d9afe
#1d9afe
rgb(29,154,254)
-
#30a3fe
#30a3fe
rgb(48,163,254)
-
#44abfe
#44abfe
rgb(68,171,254)
-
#57b4fe
#57b4fe
rgb(87,180,254)
-
#6abdfe
#6abdfe
rgb(106,189,254)
-
#7ec5fe
#7ec5fe
rgb(126,197,254)
-
#91cefe
#91cefe
rgb(145,206,254)
-
#a5d7fe
#a5d7fe
rgb(165,215,254)
-
#b8e0ff
#b8e0ff
rgb(184,224,255)
-
#cce8ff
#cce8ff
rgb(204,232,255)
-
#dff1ff
#dff1ff
rgb(223,241,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #57b4fe
A tone is produced by adding gray to any pure hue. In this case, #a5abb0 is the less saturated color, while #57b4fe is the most saturated one.
-
#a5abb0
#a5abb0
rgb(165,171,176)
-
#9facb7
#9facb7
rgb(159,172,183)
-
#98adbd
#98adbd
rgb(152,173,189)
-
#92adc4
#92adc4
rgb(146,173,196)
-
#8baeca
#8baeca
rgb(139,174,202)
-
#85afd1
#85afd1
rgb(133,175,209)
-
#7eb0d7
#7eb0d7
rgb(126,176,215)
-
#78b0de
#78b0de
rgb(120,176,222)
-
#71b1e4
#71b1e4
rgb(113,177,228)
-
#6bb2eb
#6bb2eb
rgb(107,178,235)
-
#64b3f1
#64b3f1
rgb(100,179,241)
-
#5eb3f8
#5eb3f8
rgb(94,179,248)
-
#57b4fe
#57b4fe
rgb(87,180,254)
Color Blindness Simulator
Below, you can see how #57b4fe 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.