#2D4454 Color

Color Information

HEX#2D4454
RGB45, 68, 84
HSL205° , 30% , 25%
HSV205° , 46% , 33%
CMYK46%, 19%, 0%, 67%

Lighter Shades

#465A69 #5F717D #798792 #929EA6 #ABB4BB #C4CBCF

Darker Shades

#283C4A #223440 #1D2C36 #17232C #121B22 #0D1318

Complementary Palette

#273A48 #2D4454 #473427 #533D2D #6B584A #4A5E6C

Analogous Palette

#324343 #364948 #2A404F #2D4454 #363849 #43455B

Triadic Palette

#283C4A #2D4454 #592644 #6D405A #445926 #3C4E21

Split Complementary Palette

#293D4C #2D4454 #532D30 #644245 #53502D #4B4829

Square Palette

#263947 #2D4454 #4A334D #4D3E33 #30532D #516F4F

Tetradic Palette

#253845 #2D4454 #3B215E #533D2D #455E21 #667B49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4454 contains 45 red, 68 green, and 84 blue.

Contrast Ratio: 10.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1