#2F62A5 Color

Color Information

HEX#2F62A5
RGB47, 98, 165
HSL214° , 56% , 42%
HSV214° , 72% , 65%
CMYK72%, 41%, 0%, 35%

Lighter Shades

#4875B0 #6188BB #7A9BC5 #93ADD0 #ACC0DB #C5D3E6

Darker Shades

#295691 #244A7D #1E3F6A #183356 #132742 #0D1B2E

Complementary Palette

#28548E #2F62A5 #906328 #A7732F #B3874C #4C78B2

Analogous Palette

#408287 #458D92 #2C5C9B #2F62A5 #4A4592 #5D5997

Triadic Palette

#295691 #2F62A5 #B22462 #BB3E75 #62B224 #569D20

Split Complementary Palette

#2A5895 #2F62A5 #A7372F #B04B44 #9FA72F #8F962A

Square Palette

#27528B #2F62A5 #9C3A96 #9C723A #2FA737 #50B557

Tetradic Palette

#275087 #2F62A5 #761CBA #A7732F #61BA1C #7DC645

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F62A5 contains 47 red, 98 green, and 165 blue.

Contrast Ratio: 6.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.4:1