#57affa Color Information
In a RGB color space, hex #57affa is composed of 34.1% red, 68.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 30% magenta, 0% yellow and 2% black. It has a hue angle of 207.6 degrees, a saturation of 94.2% and a lightness of 66.1%. #57affa color hex could be obtained by blending #aeffff with #005ff5. Closest websafe color is: #6699ff.
-
- R 34
- G 69
- B 98
-
- C 65
- M 30
- Y 0
- K 2
● #57affa color description : Soft blue.
#57affa Color Conversion
The hexadecimal color #57affa has RGB values of R:87, G:175, B:250 and CMYK values of C:0.65, M:0.3, Y:0, K:0.02. Its decimal value is 5746682.
Hex triplet | 57affa | #57affa |
---|---|---|
RGB Decimal | 87, 175, 250 | rgb(87,175,250) |
RGB Percent | 34.1, 68.6, 98 | rgb(34.1%,68.6%,98%) |
CMYK | 65, 30, 0, 2 | |
HSL | 207.6°, 94.2, 66.1 | hsl(207.6,94.2%,66.1%) |
HSV (or HSB) | 207.6°, 65.2, 98 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 69.173, -3.657, -45.03 |
---|---|
XYZ | 36.512, 39.586, 96.154 |
xyY | 0.212, 0.23, 39.586 |
CIE-LCH | 69.173, 45.179, 265.357 |
CIE-LUV | 69.173, -34.962, -72.446 |
Hunter-Lab | 62.917, -6.519, -46.569 |
Binary | 01010111, 10101111, 11111010 |
Color Schemes with #57affa
Alternatives to #57affa
Below, you can see some colors close to #57affa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57affa Preview
This text has a font color of #57affa.
<span style="color:#57affa;">Text here</span>
This paragraph has a background color of #57affa.
<p style="background-color:#57affa;">Content here</p>
This element has a border color of #57affa.
<div style="border:1px solid #57affa;">Content here</div>
.text {color:#57affa;}
.background {background-color:#57affa;}
.border {border:1px solid #57affa;}
Shades and Tints of #57affa
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 #eff8ff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#010c16
#010c16
rgb(1,12,22)
-
#01172a
#01172a
rgb(1,23,42)
-
#02223d
#02223d
rgb(2,34,61)
-
#022c50
#022c50
rgb(2,44,80)
-
#033763
#033763
rgb(3,55,99)
-
#044176
#044176
rgb(4,65,118)
-
#044c89
#044c89
rgb(4,76,137)
-
#05569c
#05569c
rgb(5,86,156)
-
#0561af
#0561af
rgb(5,97,175)
-
#066bc2
#066bc2
rgb(6,107,194)
-
#0676d5
#0676d5
rgb(6,118,213)
-
#0780e8
#0780e8
rgb(7,128,232)
-
#0b8bf8
#0b8bf8
rgb(11,139,248)
-
#1e94f8
#1e94f8
rgb(30,148,248)
-
#319df9
#319df9
rgb(49,157,249)
-
#44a6f9
#44a6f9
rgb(68,166,249)
-
#57affa
#57affa
rgb(87,175,250)
-
#6ab8fb
#6ab8fb
rgb(106,184,251)
-
#7dc1fb
#7dc1fb
rgb(125,193,251)
-
#90cafc
#90cafc
rgb(144,202,252)
-
#a3d3fc
#a3d3fc
rgb(163,211,252)
-
#b6dcfd
#b6dcfd
rgb(182,220,253)
-
#c9e5fd
#c9e5fd
rgb(201,229,253)
-
#dceefe
#dceefe
rgb(220,238,254)
-
#eff8ff
#eff8ff
rgb(239,248,255)
Tones of #57affa
A tone is produced by adding gray to any pure hue. In this case, #a7a9aa is the less saturated color, while #57affa is the most saturated one.
-
#a7a9aa
#a7a9aa
rgb(167,169,170)
-
#a0a9b1
#a0a9b1
rgb(160,169,177)
-
#9aaab7
#9aaab7
rgb(154,170,183)
-
#93aabe
#93aabe
rgb(147,170,190)
-
#8cabc5
#8cabc5
rgb(140,171,197)
-
#86abcb
#86abcb
rgb(134,171,203)
-
#7facd2
#7facd2
rgb(127,172,210)
-
#78acd9
#78acd9
rgb(120,172,217)
-
#72addf
#72addf
rgb(114,173,223)
-
#6bade6
#6bade6
rgb(107,173,230)
-
#64aeed
#64aeed
rgb(100,174,237)
-
#5eaef3
#5eaef3
rgb(94,174,243)
-
#57affa
#57affa
rgb(87,175,250)
Color Blindness Simulator
Below, you can see how #57affa 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.