#557d8c Color Information
In a RGB color space, hex #557d8c is composed of 33.3% red, 49% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 10.7% magenta, 0% yellow and 45.1% black. It has a hue angle of 196.4 degrees, a saturation of 24.4% and a lightness of 44.1%. #557d8c color hex could be obtained by blending #aafaff with #000019. Closest websafe color is: #666699.
-
- R 33
- G 49
- B 55
-
- C 39
- M 11
- Y 0
- K 45
● #557d8c color description : Mostly desaturated dark blue.
#557d8c Color Conversion
The hexadecimal color #557d8c has RGB values of R:85, G:125, B:140 and CMYK values of C:0.39, M:0.11, Y:0, K:0.45. Its decimal value is 5602700.
Hex triplet | 557d8c | #557d8c |
---|---|---|
RGB Decimal | 85, 125, 140 | rgb(85,125,140) |
RGB Percent | 33.3, 49, 54.9 | rgb(33.3%,49%,54.9%) |
CMYK | 39, 11, 0, 45 | |
HSL | 196.4°, 24.4, 44.1 | hsl(196.4,24.4%,44.1%) |
HSV (or HSB) | 196.4°, 39.3, 54.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.087, -9.862, -12.549 |
---|---|
XYZ | 15.812, 18.491, 27.545 |
xyY | 0.256, 0.299, 18.491 |
CIE-LCH | 50.087, 15.96, 231.836 |
CIE-LUV | 50.087, -19.235, -16.611 |
Hunter-Lab | 43.001, -9.615, -7.878 |
Binary | 01010101, 01111101, 10001100 |
Color Schemes with #557d8c
Alternatives to #557d8c
Below, you can see some colors close to #557d8c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557d8c Preview
This text has a font color of #557d8c.
<span style="color:#557d8c;">Text here</span>
This paragraph has a background color of #557d8c.
<p style="background-color:#557d8c;">Content here</p>
This element has a border color of #557d8c.
<div style="border:1px solid #557d8c;">Content here</div>
.text {color:#557d8c;}
.background {background-color:#557d8c;}
.border {border:1px solid #557d8c;}
Shades and Tints of #557d8c
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)
-
#37515b
#37515b
rgb(55,81,91)
-
#3f5c67
#3f5c67
rgb(63,92,103)
-
#466774
#466774
rgb(70,103,116)
-
#4e7280
#4e7280
rgb(78,114,128)
-
#557d8c
#557d8c
rgb(85,125,140)
-
#5c8898
#5c8898
rgb(92,136,152)
-
#6692a2
#6692a2
rgb(102,146,162)
-
#729aaa
#729aaa
rgb(114,154,170)
-
#7ea3b1
#7ea3b1
rgb(126,163,177)
-
#8bacb8
#8bacb8
rgb(139,172,184)
-
#97b5c0
#97b5c0
rgb(151,181,192)
-
#a3bdc7
#a3bdc7
rgb(163,189,199)
-
#afc6cf
#afc6cf
rgb(175,198,207)
-
#bccfd6
#bccfd6
rgb(188,207,214)
-
#c8d8dd
#c8d8dd
rgb(200,216,221)
-
#d4e0e5
#d4e0e5
rgb(212,224,229)
-
#e0e9ec
#e0e9ec
rgb(224,233,236)
-
#ecf2f4
#ecf2f4
rgb(236,242,244)
-
#f9fafb
#f9fafb
rgb(249,250,251)
Tones of #557d8c
A tone is produced by adding gray to any pure hue. In this case, #6f7172 is the less saturated color, while #07a0da is the most saturated one.
-
#6f7172
#6f7172
rgb(111,113,114)
-
#66757b
#66757b
rgb(102,117,123)
-
#5e7983
#5e7983
rgb(94,121,131)
-
#557d8c
#557d8c
rgb(85,125,140)
-
#4c8195
#4c8195
rgb(76,129,149)
-
#44859d
#44859d
rgb(68,133,157)
-
#3b89a6
#3b89a6
rgb(59,137,166)
-
#328daf
#328daf
rgb(50,141,175)
-
#2a91b7
#2a91b7
rgb(42,145,183)
-
#2195c0
#2195c0
rgb(33,149,192)
-
#1899c9
#1899c9
rgb(24,153,201)
-
#109cd1
#109cd1
rgb(16,156,209)
-
#07a0da
#07a0da
rgb(7,160,218)
Color Blindness Simulator
Below, you can see how #557d8c 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.