#2F6176 Color

Color Information

HEX#2F6176
RGB47, 97, 118
HSL198° , 43% , 32%
HSV198° , 60% , 46%
CMYK60%, 18%, 0%, 54%

Lighter Shades

#487486 #618797 #7A9AA7 #93ADB8 #ACC0C8 #C5D3D9

Darker Shades

#295568 #244A5A #1E3E4C #18323D #13272F #0D1B21

Complementary Palette

#285365 #2F6176 #653A28 #75442F #885E4C #4C7789

Analogous Palette

#3B5E57 #3F645D #2C5B6F #2F6176 #3F4664 #52586F

Triadic Palette

#295568 #2F6176 #7D2663 #8D4076 #637D26 #576E21

Split Complementary Palette

#2A576A #2F6176 #752F3D #834450 #75672F #695D2A

Square Palette

#275163 #2F6176 #62376D #6D4737 #3D752F #5C8B50

Tetradic Palette

#275061 #2F6176 #3E2083 #75442F #668320 #829948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6176 contains 47 red, 97 green, and 118 blue.

Contrast Ratio: 6.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.07:1