#57a5b2 Color Information
In a RGB color space, hex #57a5b2 is composed of 34.1% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 188.6 degrees, a saturation of 37.1% and a lightness of 52%. #57a5b2 color hex could be obtained by blending #aeffff with #004b65. Closest websafe color is: #669999.
-
- R 34
- G 65
- B 70
-
- C 51
- M 7
- Y 0
- K 30
● #57a5b2 color description : Dark moderate cyan.
#57a5b2 Color Conversion
The hexadecimal color #57a5b2 has RGB values of R:87, G:165, B:178 and CMYK values of C:0.51, M:0.07, Y:0, K:0.3. Its decimal value is 5744050.
Hex triplet | 57a5b2 | #57a5b2 |
---|---|---|
RGB Decimal | 87, 165, 178 | rgb(87,165,178) |
RGB Percent | 34.1, 64.7, 69.8 | rgb(34.1%,64.7%,69.8%) |
CMYK | 51, 7, 0, 30 | |
HSL | 188.6°, 37.1, 52 | hsl(188.6,37.1%,52%) |
HSV (or HSB) | 188.6°, 51.1, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 63.466, -20.385, -14.122 |
---|---|
XYZ | 25.419, 32.149, 46.983 |
xyY | 0.243, 0.307, 32.149 |
CIE-LCH | 63.466, 24.799, 214.712 |
CIE-LUV | 63.466, -33.891, -18.347 |
Hunter-Lab | 56.7, -19.202, -9.439 |
Binary | 01010111, 10100101, 10110010 |
Color Schemes with #57a5b2
Alternatives to #57a5b2
Below, you can see some colors close to #57a5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57a5b2 Preview
This text has a font color of #57a5b2.
<span style="color:#57a5b2;">Text here</span>
This paragraph has a background color of #57a5b2.
<p style="background-color:#57a5b2;">Content here</p>
This element has a border color of #57a5b2.
<div style="border:1px solid #57a5b2;">Content here</div>
.text {color:#57a5b2;}
.background {background-color:#57a5b2;}
.border {border:1px solid #57a5b2;}
Shades and Tints of #57a5b2
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, #030607 is the darkest color, while #f8fbfc is the lightest one.
-
#030607
#030607
rgb(3,6,7)
-
#091314
#091314
rgb(9,19,20)
-
#0f1f22
#0f1f22
rgb(15,31,34)
-
#162c2f
#162c2f
rgb(22,44,47)
-
#1c383d
#1c383d
rgb(28,56,61)
-
#22444a
#22444a
rgb(34,68,74)
-
#285158
#285158
rgb(40,81,88)
-
#2e5d65
#2e5d65
rgb(46,93,101)
-
#346a72
#346a72
rgb(52,106,114)
-
#3b7680
#3b7680
rgb(59,118,128)
-
#41828d
#41828d
rgb(65,130,141)
-
#478f9b
#478f9b
rgb(71,143,155)
-
#4d9ba8
#4d9ba8
rgb(77,155,168)
-
#57a5b2
#57a5b2
rgb(87,165,178)
-
#64acb8
#64acb8
rgb(100,172,184)
-
#72b3be
#72b3be
rgb(114,179,190)
-
#7fbbc4
#7fbbc4
rgb(127,187,196)
-
#8dc2cb
#8dc2cb
rgb(141,194,203)
-
#9ac9d1
#9ac9d1
rgb(154,201,209)
-
#a8d0d7
#a8d0d7
rgb(168,208,215)
-
#b5d7dd
#b5d7dd
rgb(181,215,221)
-
#c3dfe3
#c3dfe3
rgb(195,223,227)
-
#d0e6e9
#d0e6e9
rgb(208,230,233)
-
#deedf0
#deedf0
rgb(222,237,240)
-
#ebf4f6
#ebf4f6
rgb(235,244,246)
-
#f8fbfc
#f8fbfc
rgb(248,251,252)
Tones of #57a5b2
A tone is produced by adding gray to any pure hue. In this case, #7d8a8c is the less saturated color, while #0cdbfd is the most saturated one.
-
#7d8a8c
#7d8a8c
rgb(125,138,140)
-
#739196
#739196
rgb(115,145,150)
-
#6a989f
#6a989f
rgb(106,152,159)
-
#609ea9
#609ea9
rgb(96,158,169)
-
#57a5b2
#57a5b2
rgb(87,165,178)
-
#4eacbb
#4eacbb
rgb(78,172,187)
-
#44b2c5
#44b2c5
rgb(68,178,197)
-
#3bb9ce
#3bb9ce
rgb(59,185,206)
-
#31c0d8
#31c0d8
rgb(49,192,216)
-
#28c7e1
#28c7e1
rgb(40,199,225)
-
#1ecdeb
#1ecdeb
rgb(30,205,235)
-
#15d4f4
#15d4f4
rgb(21,212,244)
-
#0cdbfd
#0cdbfd
rgb(12,219,253)
Color Blindness Simulator
Below, you can see how #57a5b2 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.