#2F5C6A Color

Color Information

HEX#2F5C6A
RGB47, 92, 106
HSL194° , 39% , 30%
HSV194° , 56% , 42%
CMYK56%, 13%, 0%, 58%

Lighter Shades

#48707C #61838E #7A97A0 #93AAB2 #ACBEC3 #C5D1D5

Darker Shades

#29515D #244651 #1E3B44 #183037 #13252A #0D1A1E

Complementary Palette

#284F5B #2F5C6A #5B3428 #6A3D2F #7F584C #4C737F

Analogous Palette

#3A554E #3E5B53 #2C5664 #2F5C6A #3E465B #4E556A

Triadic Palette

#29515D #2F5C6A #722760 #834173 #607227 #546422

Split Complementary Palette

#2A535F #2F5C6A #6A2F3F #794452 #6A5A2F #5F512A

Square Palette

#274D59 #2F5C6A #573663 #634136 #3F6A2F #5E8250

Tetradic Palette

#274B57 #2F5C6A #352178 #6A3D2F #647821 #809049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5C6A contains 47 red, 92 green, and 106 blue.

Contrast Ratio: 7.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.83:1