#55697b
Hex Color CodeThe hexadecimal color code #55697b
is a shade of cyan-blue. In the RGB color model #55697b
is comprised of 33.33% red, 41.18% green and 48.24% blue. In the HSL color space #55697b
has a hue of 208.42 degrees, 18.27% saturation and 40.78% lightness. This color has an approximate wavelength of 489 nm.
#55697b
Color InformationInverted
#aa9684 25% Saturated
#50697f Grayscale
#686868
25% Lighter
#6b8398 Original
#55697b 25% Darker
#3f4e5c
slategray / slategrey
#708090 25% Desaturated
#596876 Web Safe: teal
#008080
rgb(85, 105, 123)
rgba(85, 105, 123, 1.0)
red: 33.3333%, yellow: 38.4719%, blue: 48.2353%
#55697b
5597563
-11179653 / 0xff55697b
hsl(208, 18%, 41%)
hsla(208, 18%, 41%, 1.0)
hue: 208 (208.4211), saturation: 31 (30.8943), value: 48 (48.2353)
X: 12.373, Y: 13.4645, Z: 20.6857
x: 0.266, y: 0.2894, Y: 13.4645
L: 43.455, a: -2.8659, b: -12.4655
L: 43.455, u: -10.6082, v: -16.8955
L: 43.455, C: 12.7907, H: 257.0522
L: 36.694, a: -4.0252, b: -7.738
cyan: 31 (0.3089), magenta: 15 (0.1463), yellow: 0 (0), key: 52 (0.5176)
cyan: 67 (0.6667), magenta: 59 (0.5882), yellow: 52 (0.5176)
Y: 101.072, I: -17.6971, Q: 1.3713
Y: 101.072, U: 10.7916, V: -14.1002
Y: 101.072, Db: 32.994, Dr: 30.566
Y: 102.819, Cb: 138.862, Cr: 117.942
Y: 102.036, Pb: 11.3, Pr: -10.828
7.5B 4/2 approximate; exact match: Munsell 7.5B 4/2 / #536271
#55697b
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#55697b
to White#55697b
to Black#55697b
foreground
<p style="color: #55697b">#55697b foreground</p>
#55697b
background
<p style="background-color: #55697b; color: #fff">#55697b background</p>
#55697b
border
<p style="border: #55697b 3px solid">#55697b border</p>
#55697b
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #55697b, #fff); background: -webkit-radial-gradient(50% 50%, #55697b, #fff); background: -o-radial-gradient(50% 50%, #55697b, #fff); background: -ms-radial-gradient(50% 50%, #55697b, #fff); background: radial-gradient(50% 50%, #55697b, #fff); color: #fff">#55697b radial gradient</p>
#55697b
linear gradient to complementary #7b6755
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #55697b, #7b6755); background: -webkit-linear-gradient(top, #55697b, #7b6755); background: -o-linear-gradient(top, #55697b, #7b6755); background: -ms-linear-gradient(top, #55697b, #7b6755); background: linear-gradient(top, #55697b, #7b6755); color: #fff">
#55697b
linear gradient to complementary #7b6755
</p>
#55697b
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #55697b">#55697b text shadow</p>
The matching paint colors are listed in order of relevancy to the #55697b
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #55697b
.
Jump to paint brand: