#57bbbb Color Information
In a RGB color space, hex #57bbbb is composed of 34.1% red, 73.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 0% magenta, 0% yellow and 26.7% black. It has a hue angle of 180 degrees, a saturation of 42.4% and a lightness of 53.7%. #57bbbb color hex could be obtained by blending #aeffff with #007777. Closest websafe color is: #66cccc.
-
- R 34
- G 73
- B 73
-
- C 53
- M 0
- Y 0
- K 27
● #57bbbb color description : Moderate cyan.
#57bbbb Color Conversion
The hexadecimal color #57bbbb has RGB values of R:87, G:187, B:187 and CMYK values of C:0.53, M:0, Y:0, K:0.27. Its decimal value is 5749691.
| Hex triplet | 57bbbb | #57bbbb |
|---|---|---|
| RGB Decimal | 87, 187, 187 | rgb(87,187,187) |
| RGB Percent | 34.1, 73.3, 73.3 | rgb(34.1%,73.3%,73.3%) |
| CMYK | 53, 0, 0, 27 | |
| HSL | 180°, 42.4, 53.7 | hsl(180,42.4%,53.7%) |
| HSV (or HSB) | 180°, 53.5, 73.3 | |
| Web Safe | 66cccc | #66cccc |
| CIE-LAB | 70.283, -28.968, -8.897 |
|---|---|
| XYZ | 30.668, 41.152, 53.338 |
| xyY | 0.245, 0.329, 41.152 |
| CIE-LCH | 70.283, 30.303, 197.074 |
| CIE-LUV | 70.283, -42.041, -9.079 |
| Hunter-Lab | 64.15, -26.929, -4.392 |
| Binary | 01010111, 10111011, 10111011 |
Color Schemes with #57bbbb
Alternatives to #57bbbb
Below, you can see some colors close to #57bbbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#57bbbb Preview
This text has a font color of #57bbbb.
<span style="color:#57bbbb;">Text here</span>
This paragraph has a background color of #57bbbb.
<p style="background-color:#57bbbb;">Content here</p>
This element has a border color of #57bbbb.
<div style="border:1px solid #57bbbb;">Content here</div>
.text {color:#57bbbb;}
.background {background-color:#57bbbb;}
.border {border:1px solid #57bbbb;}
Shades and Tints of #57bbbb
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, #050e0e is the darkest color, while #ffffff is the lightest one.
-
#050e0e
#050e0ergb(5,14,14) -
#0b1b1b
#0b1b1brgb(11,27,27) -
#112929
#112929rgb(17,41,41) -
#163737
#163737rgb(22,55,55) -
#1c4545
#1c4545rgb(28,69,69) -
#225353
#225353rgb(34,83,83) -
#276161
#276161rgb(39,97,97) -
#2d6f6f
#2d6f6frgb(45,111,111) -
#337d7d
#337d7drgb(51,125,125) -
#388b8b
#388b8brgb(56,139,139) -
#3e9999
#3e9999rgb(62,153,153) -
#44a7a7
#44a7a7rgb(68,167,167) -
#49b5b5
#49b5b5rgb(73,181,181)
-
#57bbbb
#57bbbbrgb(87,187,187) -
#65c1c1
#65c1c1rgb(101,193,193) -
#73c6c6
#73c6c6rgb(115,198,198) -
#81cccc
#81ccccrgb(129,204,204) -
#8fd2d2
#8fd2d2rgb(143,210,210) -
#9dd7d7
#9dd7d7rgb(157,215,215) -
#abdddd
#abddddrgb(171,221,221) -
#b9e3e3
#b9e3e3rgb(185,227,227) -
#c7e8e8
#c7e8e8rgb(199,232,232) -
#d5eeee
#d5eeeergb(213,238,238) -
#e3f4f4
#e3f4f4rgb(227,244,244) -
#f1f9f9
#f1f9f9rgb(241,249,249) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #57bbbb
A tone is produced by adding gray to any pure hue. In this case, #848e8e is the less saturated color, while #17fbfb is the most saturated one.
-
#848e8e
#848e8ergb(132,142,142) -
#7b9797
#7b9797rgb(123,151,151) -
#72a0a0
#72a0a0rgb(114,160,160) -
#69a9a9
#69a9a9rgb(105,169,169) -
#60b2b2
#60b2b2rgb(96,178,178) -
#57bbbb
#57bbbbrgb(87,187,187) -
#4ec4c4
#4ec4c4rgb(78,196,196) -
#45cdcd
#45cdcdrgb(69,205,205) -
#3cd6d6
#3cd6d6rgb(60,214,214) -
#33dfdf
#33dfdfrgb(51,223,223) -
#2ae8e8
#2ae8e8rgb(42,232,232) -
#21f1f1
#21f1f1rgb(33,241,241) -
#17fbfb
#17fbfbrgb(23,251,251)
Color Blindness Simulator
Below, you can see how #57bbbb 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.
