#2F3174 Color

Color Information

HEX#2F3174
RGB47, 49, 116
HSL238° , 42% , 32%
HSV238° , 59% , 45%
CMYK59%, 58%, 0%, 55%

Lighter Shades

#484A85 #616295 #7A7BA6 #9394B7 #ACADC7 #C5C5D8

Darker Shades

#292B66 #242558 #1E1F4A #18193C #13142E #0D0E20

Complementary Palette

#282A64 #2F3174 #646228 #74722F #87864C #4C4E87

Analogous Palette

#394B5B #405364 #2C2E6D #2F3174 #504064 #5D506D

Triadic Palette

#292B66 #2F3174 #7C272B #8C4144 #2B7C27 #266D22

Split Complementary Palette

#2A2C68 #2F3174 #744F2F #826144 #54742F #4C682A

Square Palette

#272961 #2F3174 #6C3753 #6C6A37 #2F744F #508A6B

Tetradic Palette

#27285F #2F3174 #7F2183 #74722F #268321 #4D9949

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F3174 contains 47 red, 49 green, and 116 blue.

Contrast Ratio: 12.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.74:1