#557566 Color Information
In a RGB color space, hex #557566 is composed of 33.3% red, 45.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 0% magenta, 12.8% yellow and 54.1% black. It has a hue angle of 151.9 degrees, a saturation of 15.8% and a lightness of 39.6%. #557566 color hex could be obtained by blending #aaeacc with #000000. Closest websafe color is: #666666.
-
- R 33
- G 46
- B 40
-
- C 27
- M 0
- Y 13
- K 54
● #557566 color description : Mostly desaturated dark cyan - lime green.
#557566 Color Conversion
The hexadecimal color #557566 has RGB values of R:85, G:117, B:102 and CMYK values of C:0.27, M:0, Y:0.13, K:0.54. Its decimal value is 5600614.
Hex triplet | 557566 | #557566 |
---|---|---|
RGB Decimal | 85, 117, 102 | rgb(85,117,102) |
RGB Percent | 33.3, 45.9, 40 | rgb(33.3%,45.9%,40%) |
CMYK | 27, 0, 13, 54 | |
HSL | 151.9°, 15.8, 39.6 | hsl(151.9,15.8%,39.6%) |
HSV (or HSB) | 151.9°, 27.4, 45.9 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.462, -14.929, 4.574 |
---|---|
XYZ | 12.505, 15.613, 14.924 |
xyY | 0.291, 0.363, 15.613 |
CIE-LCH | 46.462, 15.614, 162.966 |
CIE-LUV | 46.462, -15.839, 8.308 |
Hunter-Lab | 39.513, -12.655, 5.265 |
Binary | 01010101, 01110101, 01100110 |
Color Schemes with #557566
Alternatives to #557566
Below, you can see some colors close to #557566. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557566 Preview
This text has a font color of #557566.
<span style="color:#557566;">Text here</span>
This paragraph has a background color of #557566.
<p style="background-color:#557566;">Content here</p>
This element has a border color of #557566.
<div style="border:1px solid #557566;">Content here</div>
.text {color:#557566;}
.background {background-color:#557566;}
.border {border:1px solid #557566;}
Shades and Tints of #557566
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, #020303 is the darkest color, while #f7f9f8 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0b0f0d
#0b0f0d
rgb(11,15,13)
-
#131a17
#131a17
rgb(19,26,23)
-
#1b2521
#1b2521
rgb(27,37,33)
-
#23312b
#23312b
rgb(35,49,43)
-
#2c3c34
#2c3c34
rgb(44,60,52)
-
#34483e
#34483e
rgb(52,72,62)
-
#3c5348
#3c5348
rgb(60,83,72)
-
#445e52
#445e52
rgb(68,94,82)
-
#4d6a5c
#4d6a5c
rgb(77,106,92)
-
#557566
#557566
rgb(85,117,102)
-
#5d8070
#5d8070
rgb(93,128,112)
-
#668c7a
#668c7a
rgb(102,140,122)
-
#6f9684
#6f9684
rgb(111,150,132)
-
#7a9e8d
#7a9e8d
rgb(122,158,141)
-
#85a797
#85a797
rgb(133,167,151)
-
#91afa1
#91afa1
rgb(145,175,161)
-
#9cb7aa
#9cb7aa
rgb(156,183,170)
-
#a7bfb4
#a7bfb4
rgb(167,191,180)
-
#b3c8be
#b3c8be
rgb(179,200,190)
-
#bed0c8
#bed0c8
rgb(190,208,200)
-
#cad8d1
#cad8d1
rgb(202,216,209)
-
#d5e0db
#d5e0db
rgb(213,224,219)
-
#e0e9e5
#e0e9e5
rgb(224,233,229)
-
#ecf1ee
#ecf1ee
rgb(236,241,238)
-
#f7f9f8
#f7f9f8
rgb(247,249,248)
Tones of #557566
A tone is produced by adding gray to any pure hue. In this case, #656565 is the less saturated color, while #07c36b is the most saturated one.
-
#656565
#656565
rgb(101,101,101)
-
#5d6d66
#5d6d66
rgb(93,109,102)
-
#557566
#557566
rgb(85,117,102)
-
#4d7d66
#4d7d66
rgb(77,125,102)
-
#458567
#458567
rgb(69,133,103)
-
#3e8c67
#3e8c67
rgb(62,140,103)
-
#369468
#369468
rgb(54,148,104)
-
#2e9c68
#2e9c68
rgb(46,156,104)
-
#26a469
#26a469
rgb(38,164,105)
-
#1fab69
#1fab69
rgb(31,171,105)
-
#17b36a
#17b36a
rgb(23,179,106)
-
#0fbb6a
#0fbb6a
rgb(15,187,106)
-
#07c36b
#07c36b
rgb(7,195,107)
Color Blindness Simulator
Below, you can see how #557566 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.