St. Bart's Color

#577c88

St. Bart's is pale, cool-toned shade of mid cyan. It is better contrasting with white. This color combines beautifully with mid red, warm green or warm magenta

Inverse Color #a88377
Complementary Color #886357
Color Shade: mid cyan (194.69° hue)
Color Temperature: cool
Lightness: 43.73% (better contrasting with white)
St. Bart's Color Sample
St. Bart's Color Sample

Better Alternatives To #577c88

If you're looking for a similar mid cyan shade, there are some better alternatives to St. Bart's Color. The Lakeshore color for instance is a lighter and a bit more vibrant option, however this color has a warm cyan bias. Consider a darker and more soft alternative called Tempe Star (#47626a) for more calm effect. Try Juniper Berry Blue as it also a bit more vibrant and energetic.

Complementary Palette

#886357 is the best complementary color to St. Bart's. Mid red shades generally complement the mid cyan hues best as they are found on the opposite end of the color wheel. The most popular #577c88 complementary color is Beaver, as it offers maximum contrast and grab the viewer's attention.

Analogous Palette

The analogous palette of green cyan, mid cyan, and cool blue colors offers a soft combination of similar cool shades. The analogous colors of Smalt Blue are #57887b and #576388. Thus found on the left and right of #577c88 on the color wheel with a 30° gap. Consider matching Cutty Sark and Waikawa Gray colors as they work well with St. Bart's.

Split-complementary Palette

The split-complementary St. Bart's palette consists of #887b57 and #885763 colors. They can be found 30° apart on either side of the complementary color (#886357). Try Shadow and Au Chico colors in combination with #577c88, as they are not as contrasting as a complementary color, hence, giving more hue variety to make your design stand out.

Triadic Palette

The triadic palette of #577c88 offers a combination of cool yellow and warm magenta shades and equally high contrast between the three of them. Find triadic colors at the 120° distance from the St. Bart's. Thus Avocado and Strikemaster giving maximum hue separation to use all three together.

Square Palette

The square color palette of St. Bart's contains three additional colors. Thus, complementary Beaver, Trendy Pink, and Glade Green split by 90° on the color wheel. #577c88 square combo is a palette of mid cyan, violet, mid red and warm green shades that work together well.

Tetradic Palette

The tetradic palette is a bit more complex than the square and has more of a rectangle shape. St. Bart's tetradic combo consists of mid red complementary color (#886357) and two others. The Strikemaster is positioned 120° clockwise from the primary color and Spring Leaves – 120° from the complementary Beaver. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #88577b and #578863.

Conversion Table

In a RGB color space, hex #577c88 is made of 25% red, 36% green and 39% blue. In a HSL mode St. Bart's has a hue angle of 194.69°, a saturation of 21.97% and a lightness of 43.73%. In a CMYK space (used in printing only), hex #577c88 is made of 19.21% cyan, 4.7% magenta, 0% yellow and 46.67% black ink.

HEX #577c88
RGB Decimal rgb(87,124,136)
RGB Percentage 25%, 36%, 39%
CMYK 19.21, 4.7, 0, 46.67
HSL hsl(194.69,21.97%,43.73%)
HSV (or HSB) hsv(194.69,36.03%,53.33%)
CIE-LAB lab(49.7608,-9.7996,-10.6799)
XYZ xyz(15.5821,18.2191,25.9879)
;