#2D4559 Color

Color Information

HEX#2D4559
RGB45, 69, 89
HSL207° , 33% , 26%
HSV207° , 49% , 35%
CMYK49%, 22%, 0%, 65%

Lighter Shades

#465B6D #5F7281 #798895 #929EA9 #ABB5BD #C4CBD1

Darker Shades

#283D4E #223444 #1D2C39 #17242E #121C24 #0D1319

Complementary Palette

#273B4D #2D4559 #4C3726 #58402C #6F5B4A #4A5F70

Analogous Palette

#344645 #384C4B #2A4154 #2D4559 #383A4C #45475E

Triadic Palette

#283D4E #2D4559 #5F2645 #72405B #455F26 #3D5421

Split Complementary Palette

#293E50 #2D4559 #582C2F #694144 #58562C #4F4D28

Square Palette

#263A4B #2D4559 #503352 #524133 #2F582C #50734E

Tetradic Palette

#253949 #2D4559 #3F2064 #58402C #466420 #678048

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4559 contains 45 red, 69 green, and 89 blue.

Contrast Ratio: 10.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.04:1