#2F70A3 Color

Color Information

HEX#2F70A3
RGB47, 112, 163
HSL206° , 55% , 41%
HSV206° , 71% , 64%
CMYK71%, 31%, 0%, 36%

Lighter Shades

#4881AE #6192B9 #7AA3C4 #93B5CF #ACC6DA #C5D7E5

Darker Shades

#29638F #24557C #1E4868 #183A55 #132D41 #0D1F2E

Complementary Palette

#28608C #2F70A3 #8B5328 #A2612F #AF774C #4C84B0

Analogous Palette

#3F837E #448D88 #2C6999 #2F70A3 #44498D #585C93

Triadic Palette

#29638F #2F70A3 #AD2572 #B73F83 #72AD25 #649821

Split Complementary Palette

#2A6593 #2F70A3 #A22F37 #AB444B #A29A2F #928B2A

Square Palette

#275E89 #2F70A3 #913A98 #98623A #37A22F #57B150

Tetradic Palette

#275C86 #2F70A3 #5E1CB5 #A2612F #73B51C #8CC245

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F70A3 contains 47 red, 112 green, and 163 blue.

Contrast Ratio: 5.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1