#2D5F84 Color

Color Information

HEX#2D5F84
RGB45, 95, 132
HSL206° , 49% , 35%
HSV206° , 66% , 52%
CMYK66%, 28%, 0%, 48%

Lighter Shades

#467293 #5F85A2 #7999B0 #92ACBF #ABBFCE #C4D2DD

Darker Shades

#285474 #224864 #1D3D54 #173145 #122635 #0D1B25

Complementary Palette

#275272 #2D5F84 #724728 #85532E #966B4B #4A7595

Analogous Palette

#3A6966 #3F7370 #2A597C #2D5F84 #3F4273 #535579

Triadic Palette

#285474 #2D5F84 #8E2560 #9C3F73 #608E25 #547D21

Split Complementary Palette

#295677 #2D5F84 #852E33 #914347 #857F2E #787229

Square Palette

#26506F #2D5F84 #77367C #7C5536 #33852E #54994F

Tetradic Palette

#254E6C #2D5F84 #511D95 #85532E #61951D #7DA846

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5F84 contains 45 red, 95 green, and 132 blue.

Contrast Ratio: 6.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.06:1