#57a2bd Color Information
In a RGB color space, hex #57a2bd is composed of 34.1% red, 63.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 14.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 195.9 degrees, a saturation of 43.6% and a lightness of 54.1%. #57a2bd color hex could be obtained by blending #aeffff with #00457b. Closest websafe color is: #6699cc.
-
- R 34
- G 64
- B 74
-
- C 54
- M 14
- Y 0
- K 26
● #57a2bd color description : Moderate blue.
#57a2bd Color Conversion
The hexadecimal color #57a2bd has RGB values of R:87, G:162, B:189 and CMYK values of C:0.54, M:0.14, Y:0, K:0.26. Its decimal value is 5743293.
Hex triplet | 57a2bd | #57a2bd |
---|---|---|
RGB Decimal | 87, 162, 189 | rgb(87,162,189) |
RGB Percent | 34.1, 63.5, 74.1 | rgb(34.1%,63.5%,74.1%) |
CMYK | 54, 14, 0, 26 | |
HSL | 195.9°, 43.6, 54.1 | hsl(195.9,43.6%,54.1%) |
HSV (or HSB) | 195.9°, 54, 74.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.96, -15.631, -21.047 |
---|---|
XYZ | 26.034, 31.539, 52.857 |
xyY | 0.236, 0.286, 31.539 |
CIE-LCH | 62.96, 26.216, 233.4 |
CIE-LUV | 62.96, -32.335, -30.077 |
Hunter-Lab | 56.16, -15.533, -16.491 |
Binary | 01010111, 10100010, 10111101 |
Color Schemes with #57a2bd
Alternatives to #57a2bd
Below, you can see some colors close to #57a2bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57a2bd Preview
This text has a font color of #57a2bd.
<span style="color:#57a2bd;">Text here</span>
This paragraph has a background color of #57a2bd.
<p style="background-color:#57a2bd;">Content here</p>
This element has a border color of #57a2bd.
<div style="border:1px solid #57a2bd;">Content here</div>
.text {color:#57a2bd;}
.background {background-color:#57a2bd;}
.border {border:1px solid #57a2bd;}
Shades and Tints of #57a2bd
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, #000101 is the darkest color, while #f2f8fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#060d0f
#060d0f
rgb(6,13,15)
-
#0b181d
#0b181d
rgb(11,24,29)
-
#11242b
#11242b
rgb(17,36,43)
-
#173039
#173039
rgb(23,48,57)
-
#1c3c47
#1c3c47
rgb(28,60,71)
-
#224855
#224855
rgb(34,72,85)
-
#275464
#275464
rgb(39,84,100)
-
#2d5f72
#2d5f72
rgb(45,95,114)
-
#326b80
#326b80
rgb(50,107,128)
-
#38778e
#38778e
rgb(56,119,142)
-
#3d839c
#3d839c
rgb(61,131,156)
-
#438faa
#438faa
rgb(67,143,170)
-
#499ab7
#499ab7
rgb(73,154,183)
-
#57a2bd
#57a2bd
rgb(87,162,189)
-
#65aac3
#65aac3
rgb(101,170,195)
-
#73b2c8
#73b2c8
rgb(115,178,200)
-
#81b9ce
#81b9ce
rgb(129,185,206)
-
#8fc1d3
#8fc1d3
rgb(143,193,211)
-
#9dc9d9
#9dc9d9
rgb(157,201,217)
-
#abd1de
#abd1de
rgb(171,209,222)
-
#bad9e4
#bad9e4
rgb(186,217,228)
-
#c8e0e9
#c8e0e9
rgb(200,224,233)
-
#d6e8ef
#d6e8ef
rgb(214,232,239)
-
#e4f0f4
#e4f0f4
rgb(228,240,244)
-
#f2f8fa
#f2f8fa
rgb(242,248,250)
Tones of #57a2bd
A tone is produced by adding gray to any pure hue. In this case, #848d90 is the less saturated color, while #18c0fc is the most saturated one.
-
#848d90
#848d90
rgb(132,141,144)
-
#7b9199
#7b9199
rgb(123,145,153)
-
#7295a2
#7295a2
rgb(114,149,162)
-
#699aab
#699aab
rgb(105,154,171)
-
#609eb4
#609eb4
rgb(96,158,180)
-
#57a2bd
#57a2bd
rgb(87,162,189)
-
#4ea6c6
#4ea6c6
rgb(78,166,198)
-
#45aacf
#45aacf
rgb(69,170,207)
-
#3cafd8
#3cafd8
rgb(60,175,216)
-
#33b3e1
#33b3e1
rgb(51,179,225)
-
#2ab7ea
#2ab7ea
rgb(42,183,234)
-
#21bbf3
#21bbf3
rgb(33,187,243)
-
#18c0fc
#18c0fc
rgb(24,192,252)
Color Blindness Simulator
Below, you can see how #57a2bd 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.