#2F7895 Color

Color Information

HEX	#2F7895
RGB	47, 120, 149
HSL	197° , 52% , 38%
HSV	197° , 68% , 58%
CMYK	68%, 19%, 0%, 42%

Lighter Shades

#4888A2 #6198AE #7AA9BB #93B9C8 #ACC9D5 #C5D9E1

Darker Shades

#296A83 #245B71 #1E4D5F #183E4D #13303C #0D222A

Complementary Palette

#286780 #2F7895 #7E4128 #934B2F #A2644C #4C8BA4

Analogous Palette

#3D7669 #428072 #2C718C #2F7895 #424F80 #565F86

Triadic Palette

#296A83 #2F7895 #9D257B #A93F8B #7B9D25 #6C8A21

Split Complementary Palette

#2A6C86 #2F7895 #932F44 #9E4457 #937D2F #84712A

Square Palette

#27657D #2F7895 #78388A #8A4F38 #44932F #62A450

Tetradic Palette

#27627A #2F7895 #441DA5 #934B2F #7EA51D #95B546

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7895 contains 47 red, 120 green, and 149 blue.

Contrast Ratio: 4.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.27:1