#2F5E8C Color

Color Information

HEX#2F5E8C
RGB47, 94, 140
HSL210° , 50% , 37%
HSV210° , 66% , 55%
CMYK66%, 33%, 0%, 45%

Lighter Shades

#48719A #6185A8 #7A98B5 #93ABC3 #ACBFD1 #C5D2DF

Darker Shades

#29537B #24476A #1E3C5A #183149 #132638 #0D1A27

Complementary Palette

#285178 #2F5E8C #7A5128 #8E5E2F #9E754C #4C759C

Analogous Palette

#3C7272 #427B7B #2C5884 #2F5E8C #42427B #565681

Triadic Palette

#29537B #2F5E8C #97265E #A34071 #5E9726 #538521

Split Complementary Palette

#2A557E #2F5E8C #8E2F2F #994444 #8E8E2F #80802A

Square Palette

#274F76 #2F5E8C #843984 #845E39 #2F8E2F #50A050

Tetradic Palette

#274D73 #2F5E8C #5E1E9F #8E5E2F #5E9F1E #7BB047

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5E8C contains 47 red, 94 green, and 140 blue.

Contrast Ratio: 6.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.08:1