#2F577B Color

Color Information

HEX#2F577B
RGB47, 87, 123
HSL208° , 45% , 33%
HSV208° , 62% , 48%
CMYK62%, 29%, 0%, 52%

Lighter Shades

#486B8B #617F9B #7A93AB #93A8BA #ACBCCA #C5D0DA

Darker Shades

#294D6C #24425D #1E384F #182D40 #132331 #0D1822

Complementary Palette

#284B6A #2F577B #694728 #7A522E #8D6A4B #4C6F8D

Analogous Palette

#39605E #3F6968 #2C5274 #2F577B #3F4169 #515270

Triadic Palette

#294D6C #2F577B #822657 #91406B #578226 #4D7221

Split Complementary Palette

#2A4E6F #2F577B #7A2E31 #874346 #7A772E #6E6B29

Square Palette

#274967 #2F577B #703772 #725237 #317A2E #528F4F

Tetradic Palette

#274765 #2F577B #511F89 #7A522E #58891F #769E47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F577B contains 47 red, 87 green, and 123 blue.

Contrast Ratio: 7.67:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.74:1