#2D5064 Color

Color Information

HEX#2D5064
RGB45, 80, 100
HSL202° , 38% , 28%
HSV202° , 55% , 39%
CMYK55%, 20%, 0%, 61%

Lighter Shades

#466577 #5F7A89 #798F9C #92A4AE #ABB9C1 #C4CED4

Darker Shades

#284658 #223D4C #1D3340 #172A34 #122028 #0D161C

Complementary Palette

#274556 #2D5064 #553726 #63402C #795B4A #4A697A

Analogous Palette

#364F4C #3B5450 #2A4B5E #2D5064 #3B3E54 #4A4D64

Triadic Palette

#284658 #2D5064 #6A2551 #7C3F66 #516A25 #475D21

Split Complementary Palette

#29485A #2D5064 #632C34 #734148 #635B2C #595228

Square Palette

#264354 #2D5064 #55335B #5B4233 #34632C #547C4E

Tetradic Palette

#254252 #2D5064 #3D1F6F #63402C #526F1F #718947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5064 contains 45 red, 80 green, and 100 blue.

Contrast Ratio: 8.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.39:1