#2F336B Color

Color Information

HEX	#2F336B
RGB	47, 51, 107
HSL	236° , 39% , 30%
HSV	236° , 56% , 42%
CMYK	56%, 52%, 0%, 58%

Lighter Shades

#484B7D #61648F #7A7CA0 #9395B2 #ACADC4 #C5C6D6

Darker Shades

#292D5E #242751 #1E2144 #181B38 #13142B #0D0E1E

Complementary Palette

#282C5C #2F336B #5B5828 #6A662F #7F7B4C #4C5080

Analogous Palette

#3A4955 #3E4E5B #2C3065 #2F336B #4B3E5B #5A4E6A

Triadic Palette

#292D5E #2F336B #72272C #834145 #2C7227 #276422

Split Complementary Palette

#2A2E60 #2F336B #6A492F #795B44 #506A2F #485F2A

Square Palette

#272B5A #2F336B #63364F #636036 #2F6A49 #508266

Tetradic Palette

#272A58 #2F336B #722178 #6A662F #277821 #4E9049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F336B contains 47 red, 51 green, and 107 blue.

Contrast Ratio: 12.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.73:1