#2F486A Color

Color Information

HEX	#2F486A
RGB	47, 72, 106
HSL	215° , 39% , 30%
HSV	215° , 56% , 42%
CMYK	56%, 32%, 0%, 58%

Lighter Shades

#485E7C #61748E #7A8AA0 #93A0B2 #ACB6C3 #C5CCD5

Darker Shades

#293F5D #243751 #1E2E44 #182537 #131D2A #0D141E

Complementary Palette

#283E5B #2F486A #5B4628 #6A512F #7F694C #4C627F

Analogous Palette

#3A5355 #3E595B #2C4464 #2F486A #403E5B #504E6A

Triadic Palette

#293F5D #2F486A #722746 #83415C #467227 #3E6422

Split Complementary Palette

#2A415F #2F486A #6A342F #794844 #656A2F #5B5F2A

Square Palette

#273C59 #2F486A #63365F #635036 #2F6A34 #508254

Tetradic Palette

#273B57 #2F486A #542178 #6A512F #457821 #669049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F486A contains 47 red, 72 green, and 106 blue.

Contrast Ratio: 9.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1