#2F7699 Color

Color Information

HEX	#2F7699
RGB	47, 118, 153
HSL	200° , 53% , 39%
HSV	200° , 69% , 60%
CMYK	69%, 23%, 0%, 40%

Lighter Shades

#4886A5 #6197B1 #7AA7BE #93B8CA #ACC8D6 #C5D9E2

Darker Shades

#296887 #245A74 #1E4C62 #183D50 #132F3D #0D212B

Complementary Palette

#286584 #2F7699 #834728 #98522F #A66A4C #4C89A7

Analogous Palette

#3E7A70 #438479 #2C6F90 #2F7699 #434E84 #565E8A

Triadic Palette

#296887 #2F7699 #A22578 #AD3F88 #78A225 #6A8F21

Split Complementary Palette

#2A6A8A #2F7699 #982F40 #A24453 #98872F #897A2A

Square Palette

#276381 #2F7699 #80398E #8E5539 #40982F #5FA850

Tetradic Palette

#27617D #2F7699 #4C1DAA #98522F #7BAA1D #93B946

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7699 contains 47 red, 118 green, and 153 blue.

Contrast Ratio: 5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.2:1