#2F396E Color

Color Information

HEX#2F396E
RGB47, 57, 110
HSL230° , 40% , 31%
HSV230° , 57% , 43%
CMYK57%, 48%, 0%, 57%

Lighter Shades

#48517F #616991 #7A80A2 #9398B4 #ACB0C5 #C5C8D6

Darker Shades

#293261 #242B54 #1E2446 #181E39 #13172C #0D101F

Complementary Palette

#28315F #2F396E #5F5628 #6F642F #837A4C #4C5582

Analogous Palette

#384D56 #3E5560 #2C3667 #2F396E #4A3E60 #5A506D

Triadic Palette

#293261 #2F396E #772734 #87414C #347727 #2E6922

Split Complementary Palette

#2A3363 #2F396E #6F452F #7D5844 #5A6F2F #51642A

Square Palette

#27305C #2F396E #683757 #685F37 #2F6F45 #508663

Tetradic Palette

#272F5A #2F396E #6E207E #6F642F #307E20 #559548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F396E contains 47 red, 57 green, and 110 blue.

Contrast Ratio: 11.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.86:1