#2F6F97 Color

Color Information

HEX#2F6F97
RGB47, 111, 151
HSL203° , 53% , 39%
HSV203° , 69% , 59%
CMYK69%, 26%, 0%, 41%

Lighter Shades

#4880A3 #6192B0 #7AA3BC #93B4C9 #ACC5D5 #C5D7E2

Darker Shades

#296285 #245473 #1E4761 #183A4F #132C3C #0D1F2A

Complementary Palette

#285F82 #2F6F97 #834B28 #98572F #A66F4C #4C83A6

Analogous Palette

#3E7A73 #43847D #2C688E #2F6F97 #434A84 #565C8A

Triadic Palette

#296285 #2F6F97 #A22572 #AD3F83 #72A225 #648F21

Split Complementary Palette

#2A6488 #2F6F97 #982F3B #A2444F #988C2F #897E2A

Square Palette

#275D7F #2F6F97 #84398E #8E5939 #3B982F #5AA850

Tetradic Palette

#275B7C #2F6F97 #531DAA #98572F #74AA1D #8DB946

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6F97 contains 47 red, 111 green, and 151 blue.

Contrast Ratio: 5.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.85:1