#2F86A6 Color

Color Information

HEX#2F86A6
RGB47, 134, 166
HSL196° , 56% , 42%
HSV196° , 72% , 65%
CMYK72%, 19%, 0%, 35%

Lighter Shades

#4895B1 #61A3BB #7AB2C6 #93C0D1 #ACCFDB #C5DDE6

Darker Shades

#297692 #24667E #1E566A #184656 #133642 #0D262E

Complementary Palette

#28738F #2F86A6 #904428 #A74F2F #B3684C #4C97B2

Analogous Palette

#408777 #459280 #2C7E9C #2F86A6 #455792 #596797

Triadic Palette

#297692 #2F86A6 #B2248C #BB3E9A #8CB224 #7B9D20

Split Complementary Palette

#2A7995 #2F86A6 #A72F4B #B0445D #A78B2F #967D2A

Square Palette

#27718B #2F86A6 #853A9C #9C543A #4BA72F #68B550

Tetradic Palette

#276E88 #2F86A6 #461CBA #A74F2F #90BA1C #A4C645

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F86A6 contains 47 red, 134 green, and 166 blue.

Contrast Ratio: 4.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.14:1