#2F989D Color

Color Information

HEX	#2F989D
RGB	47, 152, 157
HSL	183° , 54% , 40%
HSV	183° , 70% , 62%
CMYK	70%, 3%, 0%, 38%

Lighter Shades

#48A4A9 #61B1B5 #7ABDC0 #93C9CC #ACD6D8 #C5E2E4

Darker Shades

#29868A #247477 #1E6164 #184F52 #133D3F #0D2B2C

Complementary Palette

#288387 #2F989D #872D28 #9D342F #AB504C #4CA6AB

Analogous Palette

#3E7E62 #438969 #2C8F94 #2F989D #436389 #57708E

Triadic Palette

#29868A #2F989D #A725A1 #B23FAC #A1A725 #8E9321

Split Complementary Palette

#2A898D #2F989D #9D2F60 #A74470 #9D6C2F #8D612A

Square Palette

#278084 #2F989D #6A3993 #933E39 #609D2F #79AD50

Tetradic Palette

#277D81 #2F989D #241DAF #9D342F #A8AF1D #B8BD46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F989D contains 47 red, 152 green, and 157 blue.

Contrast Ratio: 3.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.18:1