#2F3F73 Color

Color Information

HEX	#2F3F73
RGB	47, 63, 115
HSL	226° , 42% , 32%
HSV	226° , 59% , 45%
CMYK	59%, 45%, 0%, 55%

Lighter Shades

#485684 #616D95 #7A84A5 #939BB6 #ACB2C7 #C5C9D8

Darker Shades

#293765 #243057 #1E284A #18213C #13192E #0D1220

Complementary Palette

#283663 #2F3F73 #645628 #74642F #877A4C #4C5A87

Analogous Palette

#39525B #405A64 #2C3B6C #2F3F73 #4A4064 #58506D

Triadic Palette

#293765 #2F3F73 #7C273B #8C4153 #3B7C27 #346D22

Split Complementary Palette

#2A3968 #2F3F73 #74422F #825544 #62742F #58682A

Square Palette

#273561 #2F3F73 #6C375E #6C6037 #2F7442 #508A60

Tetradic Palette

#27345E #2F3F73 #6C2183 #74642F #378321 #5B9949

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F3F73 contains 47 red, 63 green, and 115 blue.

Contrast Ratio: 10.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.01:1