#2F364C Color

Color Information

HEX#2F364C
RGB47, 54, 76
HSL226° , 24% , 24%
HSV226° , 38% , 30%
CMYK38%, 29%, 0%, 70%

Lighter Shades

#484E61 #616677 #7A7E8C #9396A2 #ACAFB7 #C5C7CD

Darker Shades

#293043 #24293A #1E2331 #181C28 #13161E #0D0F15

Complementary Palette

#282E41 #2F364C #413B28 #4C452F #655F4C #4C5265

Analogous Palette

#303C41 #344146 #2C3347 #2F364C #383446 #464158

Triadic Palette

#293043 #2F364C #522831 #67424A #315228 #2B4823

Split Complementary Palette

#2A3144 #2F364C #4C362F #5E4A44 #444C2F #3D442A

Square Palette

#272D40 #2F364C #463441 #464234 #2F4C36 #506956

Tetradic Palette

#272C3E #2F364C #4B2357 #4C452F #2E5723 #54754B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F364C contains 47 red, 54 green, and 76 blue.

Contrast Ratio: 12.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.67:1