#2F8AAA Color

Color Information

HEX#2F8AAA
RGB47, 138, 170
HSL196° , 57% , 43%
HSV196° , 72% , 67%
CMYK72%, 19%, 0%, 33%

Lighter Shades

#4898B4 #61A6BE #7AB4C9 #93C2D3 #ACD0DD #C5DEE7

Darker Shades

#297996 #246981 #1E586D #184858 #133744 #0D2730

Complementary Palette

#287792 #2F8AAA #944528 #AC502F #B8694C #4C9AB6

Analogous Palette

#3F8877 #459683 #2C82A0 #2F8AAA #455896 #59699B

Triadic Palette

#297996 #2F8AAA #B72490 #C03E9D #90B724 #7FA120

Split Complementary Palette

#2A7C99 #2F8AAA #AC2F4C #B4445E #AC8F2F #9B812A

Square Palette

#27748F #2F8AAA #893AA1 #A1563A #4CAC2F #69B950

Tetradic Palette

#27718B #2F8AAA #471BC0 #AC502F #94C01B #A7CB44

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F8AAA contains 47 red, 138 green, and 170 blue.

Contrast Ratio: 3.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.4:1