#2F85A0 Color

Color Information

HEX	#2F85A0
RGB	47, 133, 160
HSL	194° , 55% , 41%
HSV	194° , 71% , 63%
CMYK	71%, 17%, 0%, 37%

Lighter Shades

#4894AB #61A2B7 #7AB1C2 #93C0CE #ACCED9 #C5DDE4

Darker Shades

#29758D #24657A #1E5566 #184553 #133540 #0D252D

Complementary Palette

#28728A #2F85A0 #8B4028 #A24A2F #AF634C #4C96AD

Analogous Palette

#3F8371 #448D7A #2C7D96 #2F85A0 #44578D #586893

Triadic Palette

#29758D #2F85A0 #AD258D #B73F9B #8DAD25 #7C9821

Split Complementary Palette

#2A7890 #2F85A0 #A22F4E #AB4460 #A2832F #92762A

Square Palette

#277086 #2F85A0 #7F3A98 #984F3A #4EA22F #6AB150

Tetradic Palette

#276D83 #2F85A0 #401CB5 #A24A2F #91B51C #A5C245

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F85A0 contains 47 red, 133 green, and 160 blue.

Contrast Ratio: 4.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.04:1