#2D7297 Color

Color Information

HEX#2D7297
RGB45, 114, 151
HSL201° , 54% , 38%
HSV201° , 70% , 59%
CMYK70%, 25%, 0%, 41%

Lighter Shades

#4683A3 #5F94B0 #79A5BC #92B6C9 #ABC7D5 #C4D8E2

Darker Shades

#286485 #225773 #1D4961 #173B4F #122E3C #0D202A

Complementary Palette

#276282 #2D7297 #804627 #95512D #A4694A #4A86A6

Analogous Palette

#3B786E #408278 #2A6B8E #2D7297 #404A82 #545C87

Triadic Palette

#286485 #2D7297 #9F2374 #AB3D85 #749F23 #668C1F

Split Complementary Palette

#296788 #2D7297 #952D3C #A04250 #95862D #867929

Square Palette

#26607F #2D7297 #7F368C #8C5436 #3C952D #5BA64F

Tetradic Palette

#255D7C #2D7297 #4C1BA7 #95512D #76A71B #8FB744

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D7297 contains 45 red, 114 green, and 151 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