#2D3654 Color

Color Information

HEX#2D3654
RGB45, 54, 84
HSL226° , 30% , 25%
HSV226° , 46% , 33%
CMYK46%, 36%, 0%, 67%

Lighter Shades

#464E69 #5F667D #797E92 #9296A6 #ABAFBB #C4C7CF

Darker Shades

#28304A #222940 #1D2336 #171C2C #121622 #0D0F18

Complementary Palette

#272E48 #2D3654 #474027 #534A2D #6B634A #4A526C

Analogous Palette

#323F43 #364449 #2A334F #2D3654 #3B3649 #49435B

Triadic Palette

#28304A #2D3654 #592632 #6D404B #325926 #2C4E21

Split Complementary Palette

#29314C #2D3654 #53372D #644B42 #49532D #424B29

Square Palette

#262D47 #2D3654 #4D3346 #4D4733 #2D5337 #4F6F57

Tetradic Palette

#252C45 #2D3654 #50215E #534A2D #2F5E21 #547B49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3654 contains 45 red, 54 green, and 84 blue.

Contrast Ratio: 12.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.69:1