#2D5F97 Color

Color Information

HEX#2D5F97
RGB45, 95, 151
HSL212° , 54% , 38%
HSV212° , 70% , 59%
CMYK70%, 37%, 0%, 41%

Lighter Shades

#4672A3 #5F85B0 #7999BC #92ACC9 #ABBFD5 #C4D2E2

Darker Shades

#285485 #224873 #1D3D61 #17314F #12263C #0D1B2A

Complementary Palette

#275282 #2D5F97 #805627 #95642D #A47A4A #4A75A6

Analogous Palette

#3B7678 #408082 #2A598E #2D5F97 #424082 #565487

Triadic Palette

#285485 #2D5F97 #9F235D #AB3D70 #5D9F23 #528C1F

Split Complementary Palette

#295688 #2D5F97 #95302D #A04542 #92952D #838629

Square Palette

#26507F #2D5F97 #8C3689 #8C6436 #2D9530 #4FA651

Tetradic Palette

#254E7C #2D5F97 #661BA7 #95642D #5CA71B #79B744

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5F97 contains 45 red, 95 green, and 151 blue.

Contrast Ratio: 6.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1