#2F96A1 Color

Color Information

HEX	#2F96A1
RGB	47, 150, 161
HSL	186° , 55% , 41%
HSV	186° , 71% , 63%
CMYK	71%, 7%, 0%, 37%

Lighter Shades

#48A3AC #61AFB8 #7ABCC3 #93C8CE #ACD5D9 #C5E2E5

Darker Shades

#29848E #24727A #1E6067 #184E54 #133C40 #0D2A2D

Complementary Palette

#28818A #2F96A1 #8B3328 #A23B2F #AF564C #4CA5AE

Analogous Palette

#3F8368 #448D70 #2C8D97 #2F96A1 #44618D #586F93

Triadic Palette

#29848E #2F96A1 #AD259F #B73FAB #9FAD25 #8C9821

Split Complementary Palette

#2A8791 #2F96A1 #A22F5D #AB446D #A2742F #92682A

Square Palette

#277E87 #2F96A1 #723A98 #98433A #5DA22F #77B150

Tetradic Palette

#277B84 #2F96A1 #2B1CB5 #A23B2F #A6B51C #B6C245

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F96A1 contains 47 red, 150 green, and 161 blue.

Contrast Ratio: 3.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.08:1