#2F99A7 Color

Color Information

HEX#2F99A7
RGB47, 153, 167
HSL187° , 56% , 42%
HSV187° , 72% , 65%
CMYK72%, 8%, 0%, 35%

Lighter Shades

#48A5B2 #61B1BC #7ABEC7 #93CAD1 #ACD6DC #C5E2E6

Darker Shades

#298793 #24747F #1E626B #185057 #133D43 #0D2B2F

Complementary Palette

#288490 #2F99A7 #903428 #A73D2F #B3584C #4CA7B3

Analogous Palette

#40876C #459274 #2C909D #2F99A7 #456292 #597197

Triadic Palette

#298793 #2F99A7 #B224A1 #BB3EAC #A1B224 #8E9D20

Split Complementary Palette

#2A8A96 #2F99A7 #A72F5D #B0446D #A7792F #966D2A

Square Palette

#27818C #2F99A7 #773A9C #9C453A #5DA72F #77B550

Tetradic Palette

#277D89 #2F99A7 #2E1CBA #A73D2F #A8BA1C #B8C645

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F99A7 contains 47 red, 153 green, and 167 blue.

Contrast Ratio: 3.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.32:1