#557788 Color Information
In a RGB color space, hex #557788 is composed of 33.3% red, 46.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 12.5% magenta, 0% yellow and 46.7% black. It has a hue angle of 200 degrees, a saturation of 23.1% and a lightness of 43.3%. #557788 color hex could be obtained by blending #aaeeff with #000011. Closest websafe color is: #666699.
-
- R 33
- G 47
- B 53
-
- C 38
- M 13
- Y 0
- K 47
● #557788 color description : Mostly desaturated dark blue.
#557788 Color Conversion
The hexadecimal color #557788 has RGB values of R:85, G:119, B:136 and CMYK values of C:0.38, M:0.13, Y:0, K:0.47. Its decimal value is 5601160.
Hex triplet | 557788 | #557788 |
---|---|---|
RGB Decimal | 85, 119, 136 | rgb(85,119,136) |
RGB Percent | 33.3, 46.7, 53.3 | rgb(33.3%,46.7%,53.3%) |
CMYK | 38, 13, 0, 47 | |
HSL | 200°, 23.1, 43.3 | hsl(200,23.1%,43.3%) |
HSV (or HSB) | 200°, 37.5, 53.3 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 48.136, -7.539, -13.14 |
---|---|
XYZ | 14.786, 16.902, 25.774 |
xyY | 0.257, 0.294, 16.902 |
CIE-LCH | 48.136, 15.149, 240.157 |
CIE-LUV | 48.136, -16.723, -17.666 |
Hunter-Lab | 41.112, -7.748, -8.393 |
Binary | 01010101, 01110111, 10001000 |
Color Schemes with #557788
Alternatives to #557788
Below, you can see some colors close to #557788. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557788 Preview
This text has a font color of #557788.
<span style="color:#557788;">Text here</span>
This paragraph has a background color of #557788.
<p style="background-color:#557788;">Content here</p>
This element has a border color of #557788.
<div style="border:1px solid #557788;">Content here</div>
.text {color:#557788;}
.background {background-color:#557788;}
.border {border:1px solid #557788;}
Shades and Tints of #557788
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 #f6f8f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0a0d0f
#0a0d0f
rgb(10,13,15)
-
#11181b
#11181b
rgb(17,24,27)
-
#192327
#192327
rgb(25,35,39)
-
#202d34
#202d34
rgb(32,45,52)
-
#283840
#283840
rgb(40,56,64)
-
#2f424c
#2f424c
rgb(47,66,76)
-
#374d58
#374d58
rgb(55,77,88)
-
#3e5764
#3e5764
rgb(62,87,100)
-
#466270
#466270
rgb(70,98,112)
-
#4d6c7c
#4d6c7c
rgb(77,108,124)
-
#557788
#557788
rgb(85,119,136)
-
#5d8294
#5d8294
rgb(93,130,148)
-
#658c9f
#658c9f
rgb(101,140,159)
-
#7195a6
#7195a6
rgb(113,149,166)
-
#7d9eae
#7d9eae
rgb(125,158,174)
-
#8aa7b6
#8aa7b6
rgb(138,167,182)
-
#96b0bd
#96b0bd
rgb(150,176,189)
-
#a2b9c5
#a2b9c5
rgb(162,185,197)
-
#aec2cc
#aec2cc
rgb(174,194,204)
-
#bacbd4
#bacbd4
rgb(186,203,212)
-
#c6d4db
#c6d4db
rgb(198,212,219)
-
#d2dde3
#d2dde3
rgb(210,221,227)
-
#dee6ea
#dee6ea
rgb(222,230,234)
-
#eaeff2
#eaeff2
rgb(234,239,242)
-
#f6f8f9
#f6f8f9
rgb(246,248,249)
Tones of #557788
A tone is produced by adding gray to any pure hue. In this case, #667177 is the less saturated color, while #0093dd is the most saturated one.
-
#667177
#667177
rgb(102,113,119)
-
#5e7480
#5e7480
rgb(94,116,128)
-
#557788
#557788
rgb(85,119,136)
-
#4d7a91
#4d7a91
rgb(77,122,145)
-
#447d99
#447d99
rgb(68,125,153)
-
#3c80a2
#3c80a2
rgb(60,128,162)
-
#3382aa
#3382aa
rgb(51,130,170)
-
#2b85b3
#2b85b3
rgb(43,133,179)
-
#2288bb
#2288bb
rgb(34,136,187)
-
#1a8bc4
#1a8bc4
rgb(26,139,196)
-
#118ecc
#118ecc
rgb(17,142,204)
-
#0991d5
#0991d5
rgb(9,145,213)
-
#0093dd
#0093dd
rgb(0,147,221)
Color Blindness Simulator
Below, you can see how #557788 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.