#557673 Color Information
In a RGB color space, hex #557673 is composed of 33.3% red, 46.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 0% magenta, 2.5% yellow and 53.7% black. It has a hue angle of 174.5 degrees, a saturation of 16.3% and a lightness of 39.8%. #557673 color hex could be obtained by blending #aaece6 with #000000. Closest websafe color is: #666666.
-
- R 33
- G 46
- B 45
-
- C 28
- M 0
- Y 3
- K 54
● #557673 color description : Mostly desaturated dark cyan.
#557673 Color Conversion
The hexadecimal color #557673 has RGB values of R:85, G:118, B:115 and CMYK values of C:0.28, M:0, Y:0.03, K:0.54. Its decimal value is 5600883.
Hex triplet | 557673 | #557673 |
---|---|---|
RGB Decimal | 85, 118, 115 | rgb(85,118,115) |
RGB Percent | 33.3, 46.3, 45.1 | rgb(33.3%,46.3%,45.1%) |
CMYK | 28, 0, 3, 54 | |
HSL | 174.5°, 16.3, 39.8 | hsl(174.5,16.3%,39.8%) |
HSV (or HSB) | 174.5°, 28, 46.3 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 47.139, -12.447, -2.171 |
---|---|
XYZ | 13.318, 16.125, 18.629 |
xyY | 0.277, 0.335, 16.125 |
CIE-LCH | 47.139, 12.635, 189.894 |
CIE-LUV | 47.139, -16.294, -1.113 |
Hunter-Lab | 40.157, -11.072, 0.604 |
Binary | 01010101, 01110110, 01110011 |
Color Schemes with #557673
Alternatives to #557673
Below, you can see some colors close to #557673. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557673 Preview
This text has a font color of #557673.
<span style="color:#557673;">Text here</span>
This paragraph has a background color of #557673.
<p style="background-color:#557673;">Content here</p>
This element has a border color of #557673.
<div style="border:1px solid #557673;">Content here</div>
.text {color:#557673;}
.background {background-color:#557673;}
.border {border:1px solid #557673;}
Shades and Tints of #557673
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, #030404 is the darkest color, while #f8faf9 is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0b0f0f
#0b0f0f
rgb(11,15,15)
-
#131b1a
#131b1a
rgb(19,27,26)
-
#1c2625
#1c2625
rgb(28,38,37)
-
#243230
#243230
rgb(36,50,48)
-
#2c3d3b
#2c3d3b
rgb(44,61,59)
-
#344847
#344847
rgb(52,72,71)
-
#3c5452
#3c5452
rgb(60,84,82)
-
#455f5d
#455f5d
rgb(69,95,93)
-
#4d6b68
#4d6b68
rgb(77,107,104)
-
#557673
#557673
rgb(85,118,115)
-
#5d817e
#5d817e
rgb(93,129,126)
-
#658d89
#658d89
rgb(101,141,137)
-
#6f9793
#6f9793
rgb(111,151,147)
-
#7a9f9c
#7a9f9c
rgb(122,159,156)
-
#86a8a4
#86a8a4
rgb(134,168,164)
-
#91b0ad
#91b0ad
rgb(145,176,173)
-
#9cb8b5
#9cb8b5
rgb(156,184,181)
-
#a8c0be
#a8c0be
rgb(168,192,190)
-
#b3c8c6
#b3c8c6
rgb(179,200,198)
-
#bfd1cf
#bfd1cf
rgb(191,209,207)
-
#cad9d7
#cad9d7
rgb(202,217,215)
-
#d5e1e0
#d5e1e0
rgb(213,225,224)
-
#e1e9e8
#e1e9e8
rgb(225,233,232)
-
#ecf1f1
#ecf1f1
rgb(236,241,241)
-
#f8faf9
#f8faf9
rgb(248,250,249)
Tones of #557673
A tone is produced by adding gray to any pure hue. In this case, #656666 is the less saturated color, while #07c4b3 is the most saturated one.
-
#656666
#656666
rgb(101,102,102)
-
#5d6e6d
#5d6e6d
rgb(93,110,109)
-
#557673
#557673
rgb(85,118,115)
-
#4d7e79
#4d7e79
rgb(77,126,121)
-
#458680
#458680
rgb(69,134,128)
-
#3e8d86
#3e8d86
rgb(62,141,134)
-
#36958d
#36958d
rgb(54,149,141)
-
#2e9d93
#2e9d93
rgb(46,157,147)
-
#26a599
#26a599
rgb(38,165,153)
-
#1eada0
#1eada0
rgb(30,173,160)
-
#17b4a6
#17b4a6
rgb(23,180,166)
-
#0fbcac
#0fbcac
rgb(15,188,172)
-
#07c4b3
#07c4b3
rgb(7,196,179)
Color Blindness Simulator
Below, you can see how #557673 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.