#2F5C6B Color

Color Information

HEX#2F5C6B
RGB47, 92, 107
HSL195° , 39% , 30%
HSV195° , 56% , 42%
CMYK56%, 14%, 0%, 58%

Lighter Shades

#48707D #61838F #7A97A0 #93AAB2 #ACBEC4 #C5D1D6

Darker Shades

#29515E #244651 #1E3B44 #183038 #13252B #0D1A1E

Complementary Palette

#284F5C #2F5C6B #5B3528 #6A3E2F #7F594C #4C7380

Analogous Palette

#3A554E #3E5B54 #2C5665 #2F5C6B #3E455B #4E546A

Triadic Palette

#29515E #2F5C6B #72275F #834172 #5F7227 #546422

Split Complementary Palette

#2A5360 #2F5C6B #6A2F3E #794451 #6A5B2F #5F522A

Square Palette

#274D5A #2F5C6B #583663 #634136 #3E6A2F #5D8250

Tetradic Palette

#274B58 #2F5C6B #372178 #6A3E2F #627821 #7E9049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5C6B contains 47 red, 92 green, and 107 blue.

Contrast Ratio: 7.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1