#57a5fa Color Information
In a RGB color space, hex #57a5fa is composed of 34.1% red, 64.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 34% magenta, 0% yellow and 2% black. It has a hue angle of 211.3 degrees, a saturation of 94.2% and a lightness of 66.1%. #57a5fa color hex could be obtained by blending #aeffff with #004bf5. Closest websafe color is: #6699ff.
-
- R 34
- G 65
- B 98
-
- C 65
- M 34
- Y 0
- K 2
● #57a5fa color description : Soft blue.
#57a5fa Color Conversion
The hexadecimal color #57a5fa has RGB values of R:87, G:165, B:250 and CMYK values of C:0.65, M:0.34, Y:0, K:0.02. Its decimal value is 5744122.
Hex triplet | 57a5fa | #57a5fa |
---|---|---|
RGB Decimal | 87, 165, 250 | rgb(87,165,250) |
RGB Percent | 34.1, 64.7, 98 | rgb(34.1%,64.7%,98%) |
CMYK | 65, 34, 0, 2 | |
HSL | 211.3°, 94.2, 66.1 | hsl(211.3,94.2%,66.1%) |
HSV (or HSB) | 211.3°, 65.2, 98 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.395, 1.99, -49.405 |
---|---|
XYZ | 34.637, 35.836, 95.529 |
xyY | 0.209, 0.216, 35.836 |
CIE-LCH | 66.395, 49.445, 272.306 |
CIE-LUV | 66.395, -31.51, -80.071 |
Hunter-Lab | 59.863, -1.481, -52.71 |
Binary | 01010111, 10100101, 11111010 |
Color Schemes with #57a5fa
Alternatives to #57a5fa
Below, you can see some colors close to #57a5fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57a5fa Preview
This text has a font color of #57a5fa.
<span style="color:#57a5fa;">Text here</span>
This paragraph has a background color of #57a5fa.
<p style="background-color:#57a5fa;">Content here</p>
This element has a border color of #57a5fa.
<div style="border:1px solid #57a5fa;">Content here</div>
.text {color:#57a5fa;}
.background {background-color:#57a5fa;}
.border {border:1px solid #57a5fa;}
Shades and Tints of #57a5fa
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 #eff7ff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#010b16
#010b16
rgb(1,11,22)
-
#01152a
#01152a
rgb(1,21,42)
-
#021e3d
#021e3d
rgb(2,30,61)
-
#022750
#022750
rgb(2,39,80)
-
#033163
#033163
rgb(3,49,99)
-
#043a76
#043a76
rgb(4,58,118)
-
#044489
#044489
rgb(4,68,137)
-
#054d9c
#054d9c
rgb(5,77,156)
-
#0556af
#0556af
rgb(5,86,175)
-
#0660c2
#0660c2
rgb(6,96,194)
-
#0669d5
#0669d5
rgb(6,105,213)
-
#0773e8
#0773e8
rgb(7,115,232)
-
#0b7cf8
#0b7cf8
rgb(11,124,248)
-
#1e86f8
#1e86f8
rgb(30,134,248)
-
#3191f9
#3191f9
rgb(49,145,249)
-
#449bf9
#449bf9
rgb(68,155,249)
-
#57a5fa
#57a5fa
rgb(87,165,250)
-
#6aaffb
#6aaffb
rgb(106,175,251)
-
#7db9fb
#7db9fb
rgb(125,185,251)
-
#90c4fc
#90c4fc
rgb(144,196,252)
-
#a3cefc
#a3cefc
rgb(163,206,252)
-
#b6d8fd
#b6d8fd
rgb(182,216,253)
-
#c9e2fd
#c9e2fd
rgb(201,226,253)
-
#dcecfe
#dcecfe
rgb(220,236,254)
-
#eff7ff
#eff7ff
rgb(239,247,255)
Tones of #57a5fa
A tone is produced by adding gray to any pure hue. In this case, #a7a8aa is the less saturated color, while #57a5fa is the most saturated one.
-
#a7a8aa
#a7a8aa
rgb(167,168,170)
-
#a0a8b1
#a0a8b1
rgb(160,168,177)
-
#9aa8b7
#9aa8b7
rgb(154,168,183)
-
#93a8be
#93a8be
rgb(147,168,190)
-
#8ca7c5
#8ca7c5
rgb(140,167,197)
-
#86a7cb
#86a7cb
rgb(134,167,203)
-
#7fa7d2
#7fa7d2
rgb(127,167,210)
-
#78a6d9
#78a6d9
rgb(120,166,217)
-
#72a6df
#72a6df
rgb(114,166,223)
-
#6ba6e6
#6ba6e6
rgb(107,166,230)
-
#64a6ed
#64a6ed
rgb(100,166,237)
-
#5ea5f3
#5ea5f3
rgb(94,165,243)
-
#57a5fa
#57a5fa
rgb(87,165,250)
Color Blindness Simulator
Below, you can see how #57a5fa 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.