#57bbdd Color Information
In a RGB color space, hex #57bbdd is composed of 34.1% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 195.2 degrees, a saturation of 66.3% and a lightness of 60.4%. #57bbdd color hex could be obtained by blending #aeffff with #0077bb. Closest websafe color is: #66cccc.
-
- R 34
- G 73
- B 87
-
- C 61
- M 15
- Y 0
- K 13
● #57bbdd color description : Soft blue.
#57bbdd Color Conversion
The hexadecimal color #57bbdd has RGB values of R:87, G:187, B:221 and CMYK values of C:0.61, M:0.15, Y:0, K:0.13. Its decimal value is 5749725.
Hex triplet | 57bbdd | #57bbdd |
---|---|---|
RGB Decimal | 87, 187, 221 | rgb(87,187,221) |
RGB Percent | 34.1, 73.3, 86.7 | rgb(34.1%,73.3%,86.7%) |
CMYK | 61, 15, 0, 13 | |
HSL | 195.2°, 66.3, 60.4 | hsl(195.2,66.3%,60.4%) |
HSV (or HSB) | 195.2°, 60.6, 86.7 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 71.409, -19.239, -25.791 |
---|---|
XYZ | 34.749, 42.785, 74.83 |
xyY | 0.228, 0.281, 42.785 |
CIE-LCH | 71.409, 32.177, 233.278 |
CIE-LUV | 71.409, -40.451, -38.031 |
Hunter-Lab | 65.41, -19.641, -22.041 |
Binary | 01010111, 10111011, 11011101 |
Color Schemes with #57bbdd
Alternatives to #57bbdd
Below, you can see some colors close to #57bbdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57bbdd Preview
This text has a font color of #57bbdd.
<span style="color:#57bbdd;">Text here</span>
This paragraph has a background color of #57bbdd.
<p style="background-color:#57bbdd;">Content here</p>
This element has a border color of #57bbdd.
<div style="border:1px solid #57bbdd;">Content here</div>
.text {color:#57bbdd;}
.background {background-color:#57bbdd;}
.border {border:1px solid #57bbdd;}
Shades and Tints of #57bbdd
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, #02090b is the darkest color, while #fafdfe is the lightest one.
-
#02090b
#02090b
rgb(2,9,11)
-
#06161c
#06161c
rgb(6,22,28)
-
#09232c
#09232c
rgb(9,35,44)
-
#0c303c
#0c303c
rgb(12,48,60)
-
#103d4d
#103d4d
rgb(16,61,77)
-
#134a5d
#134a5d
rgb(19,74,93)
-
#16576d
#16576d
rgb(22,87,109)
-
#19647e
#19647e
rgb(25,100,126)
-
#1d718e
#1d718e
rgb(29,113,142)
-
#207e9e
#207e9e
rgb(32,126,158)
-
#238baf
#238baf
rgb(35,139,175)
-
#2798bf
#2798bf
rgb(39,152,191)
-
#2aa5cf
#2aa5cf
rgb(42,165,207)
-
#36aed6
#36aed6
rgb(54,174,214)
-
#47b4da
#47b4da
rgb(71,180,218)
-
#57bbdd
#57bbdd
rgb(87,187,221)
-
#67c2e0
#67c2e0
rgb(103,194,224)
-
#78c8e4
#78c8e4
rgb(120,200,228)
-
#88cfe7
#88cfe7
rgb(136,207,231)
-
#98d5ea
#98d5ea
rgb(152,213,234)
-
#a9dcee
#a9dcee
rgb(169,220,238)
-
#b9e3f1
#b9e3f1
rgb(185,227,241)
-
#c9e9f4
#c9e9f4
rgb(201,233,244)
-
#daf0f7
#daf0f7
rgb(218,240,247)
-
#eaf6fb
#eaf6fb
rgb(234,246,251)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #57bbdd
A tone is produced by adding gray to any pure hue. In this case, #959c9f is the less saturated color, while #38cafc is the most saturated one.
-
#959c9f
#959c9f
rgb(149,156,159)
-
#8da0a7
#8da0a7
rgb(141,160,167)
-
#86a4ae
#86a4ae
rgb(134,164,174)
-
#7ea8b6
#7ea8b6
rgb(126,168,182)
-
#76acbe
#76acbe
rgb(118,172,190)
-
#6eb0c6
#6eb0c6
rgb(110,176,198)
-
#67b3cd
#67b3cd
rgb(103,179,205)
-
#5fb7d5
#5fb7d5
rgb(95,183,213)
-
#57bbdd
#57bbdd
rgb(87,187,221)
-
#4fbfe5
#4fbfe5
rgb(79,191,229)
-
#47c3ed
#47c3ed
rgb(71,195,237)
-
#40c6f4
#40c6f4
rgb(64,198,244)
-
#38cafc
#38cafc
rgb(56,202,252)
Color Blindness Simulator
Below, you can see how #57bbdd 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.