#2F626A Color

Color Information

HEX#2F626A
RGB47, 98, 106
HSL188° , 39% , 30%
HSV188° , 56% , 42%
CMYK56%, 8%, 0%, 58%

Lighter Shades

#48757C #61888E #7A9BA0 #93ADB2 #ACC0C3 #C5D3D5

Darker Shades

#29565D #244A51 #1E3F44 #183337 #13272A #0D1B1E

Complementary Palette

#28545B #2F626A #5B2F28 #6A372F #7F534C #4C787F

Analogous Palette

#3A554B #3E5B50 #2C5C64 #2F626A #3E495B #4E586A

Triadic Palette

#29565D #2F626A #722768 #83417A #687227 #5C6422

Split Complementary Palette

#2A585F #2F626A #6A2F45 #794458 #6A542F #5F4C2A

Square Palette

#275259 #2F626A #523663 #633C36 #456A2F #638250

Tetradic Palette

#275057 #2F626A #2D2178 #6A372F #6C7821 #869049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F626A contains 47 red, 98 green, and 106 blue.

Contrast Ratio: 6.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.06:1