#557e8c Color Information
In a RGB color space, hex #557e8c is composed of 33.3% red, 49.4% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 10% magenta, 0% yellow and 45.1% black. It has a hue angle of 195.3 degrees, a saturation of 24.4% and a lightness of 44.1%. #557e8c color hex could be obtained by blending #aafcff with #000019. Closest websafe color is: #666699.
-
- R 33
- G 49
- B 55
-
- C 39
- M 10
- Y 0
- K 45
● #557e8c color description : Mostly desaturated dark blue.
#557e8c Color Conversion
The hexadecimal color #557e8c has RGB values of R:85, G:126, B:140 and CMYK values of C:0.39, M:0.1, Y:0, K:0.45. Its decimal value is 5602956.
Hex triplet | 557e8c | #557e8c |
---|---|---|
RGB Decimal | 85, 126, 140 | rgb(85,126,140) |
RGB Percent | 33.3, 49.4, 54.9 | rgb(33.3%,49.4%,54.9%) |
CMYK | 39, 10, 0, 45 | |
HSL | 195.3°, 24.4, 44.1 | hsl(195.3,24.4%,44.1%) |
HSV (or HSB) | 195.3°, 39.3, 54.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.388, -10.427, -12.093 |
---|---|
XYZ | 15.94, 18.746, 27.588 |
xyY | 0.256, 0.301, 18.746 |
CIE-LCH | 50.388, 15.968, 229.231 |
CIE-LUV | 50.388, -19.655, -15.871 |
Hunter-Lab | 43.296, -10.053, -7.471 |
Binary | 01010101, 01111110, 10001100 |
Color Schemes with #557e8c
Alternatives to #557e8c
Below, you can see some colors close to #557e8c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557e8c Preview
This text has a font color of #557e8c.
<span style="color:#557e8c;">Text here</span>
This paragraph has a background color of #557e8c.
<p style="background-color:#557e8c;">Content here</p>
This element has a border color of #557e8c.
<div style="border:1px solid #557e8c;">Content here</div>
.text {color:#557e8c;}
.background {background-color:#557e8c;}
.border {border:1px solid #557e8c;}
Shades and Tints of #557e8c
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, #030506 is the darkest color, while #f9fafb is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#0b1012
#0b1012
rgb(11,16,18)
-
#121b1e
#121b1e
rgb(18,27,30)
-
#1a262a
#1a262a
rgb(26,38,42)
-
#213137
#213137
rgb(33,49,55)
-
#293c43
#293c43
rgb(41,60,67)
-
#30474f
#30474f
rgb(48,71,79)
-
#37525b
#37525b
rgb(55,82,91)
-
#3f5d67
#3f5d67
rgb(63,93,103)
-
#466874
#466874
rgb(70,104,116)
-
#4e7380
#4e7380
rgb(78,115,128)
-
#557e8c
#557e8c
rgb(85,126,140)
-
#5c8998
#5c8998
rgb(92,137,152)
-
#6693a2
#6693a2
rgb(102,147,162)
-
#729baa
#729baa
rgb(114,155,170)
-
#7ea4b1
#7ea4b1
rgb(126,164,177)
-
#8badb8
#8badb8
rgb(139,173,184)
-
#97b5c0
#97b5c0
rgb(151,181,192)
-
#a3bec7
#a3bec7
rgb(163,190,199)
-
#afc7cf
#afc7cf
rgb(175,199,207)
-
#bccfd6
#bccfd6
rgb(188,207,214)
-
#c8d8dd
#c8d8dd
rgb(200,216,221)
-
#d4e1e5
#d4e1e5
rgb(212,225,229)
-
#e0e9ec
#e0e9ec
rgb(224,233,236)
-
#ecf2f4
#ecf2f4
rgb(236,242,244)
-
#f9fafb
#f9fafb
rgb(249,250,251)
Tones of #557e8c
A tone is produced by adding gray to any pure hue. In this case, #6f7172 is the less saturated color, while #07a4da is the most saturated one.
-
#6f7172
#6f7172
rgb(111,113,114)
-
#66767b
#66767b
rgb(102,118,123)
-
#5e7a83
#5e7a83
rgb(94,122,131)
-
#557e8c
#557e8c
rgb(85,126,140)
-
#4c8295
#4c8295
rgb(76,130,149)
-
#44869d
#44869d
rgb(68,134,157)
-
#3b8ba6
#3b8ba6
rgb(59,139,166)
-
#328faf
#328faf
rgb(50,143,175)
-
#2a93b7
#2a93b7
rgb(42,147,183)
-
#2197c0
#2197c0
rgb(33,151,192)
-
#189cc9
#189cc9
rgb(24,156,201)
-
#10a0d1
#10a0d1
rgb(16,160,209)
-
#07a4da
#07a4da
rgb(7,164,218)
Color Blindness Simulator
Below, you can see how #557e8c 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.