#2F4E6A Color

Color Information

HEX#2F4E6A
RGB47, 78, 106
HSL208° , 39% , 30%
HSV208° , 56% , 42%
CMYK56%, 26%, 0%, 58%

Lighter Shades

#48637C #61788E #7A8EA0 #93A3B2 #ACB8C3 #C5CDD5

Darker Shades

#29455D #243B51 #1E3244 #182937 #131F2A #0D161E

Complementary Palette

#28435B #2F4E6A #5B4128 #6A4B2F #7F644C #4C677F

Analogous Palette

#3A5554 #3E5B5A #2C4964 #2F4E6A #3E3F5B #4E4E6A

Triadic Palette

#29455D #2F4E6A #72274F #834164 #4F7227 #466422

Split Complementary Palette

#2A465F #2F4E6A #6A2F31 #794446 #6A682F #5F5E2A

Square Palette

#274259 #2F4E6A #613663 #634B36 #316A2F #528250

Tetradic Palette

#274057 #2F4E6A #4A2178 #6A4B2F #4F7821 #6F9049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4E6A contains 47 red, 78 green, and 106 blue.

Contrast Ratio: 8.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1