#2D6485 Color

Color Information

HEX#2D6485
RGB45, 100, 133
HSL203° , 49% , 35%
HSV203° , 66% , 52%
CMYK66%, 25%, 0%, 48%

Lighter Shades

#467794 #5F89A2 #799CB1 #92AEC0 #ABC1CE #C4D4DD

Darker Shades

#285875 #224C65 #1D4055 #173445 #122835 #0D1C25

Complementary Palette

#275672 #2D6485 #724428 #854F2E #96684B #4A7A96

Analogous Palette

#3A6964 #3F736D #2A5E7D #2D6485 #3F4573 #535779

Triadic Palette

#285875 #2D6485 #8E2566 #9C3F78 #668E25 #5A7D21

Split Complementary Palette

#295A78 #2D6485 #852E38 #91434C #857B2E #786F29

Square Palette

#265470 #2D6485 #74367C #7C5136 #38852E #58994F

Tetradic Palette

#25526D #2D6485 #4B1D95 #854F2E #67951D #82A846

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6485 contains 45 red, 100 green, and 133 blue.

Contrast Ratio: 6.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.26:1