#2D3553 Color

Color Information

HEX#2D3553
RGB45, 53, 83
HSL227° , 30% , 25%
HSV227° , 46% , 33%
CMYK46%, 36%, 0%, 67%

Lighter Shades

#464D68 #5F657C #797E91 #9296A6 #ABAEBA #C4C6CF

Darker Shades

#282F49 #22283F #1D2235 #171C2B #121521 #0D0F17

Complementary Palette

#272E47 #2D3553 #474127 #534B2D #6B644A #4A516B

Analogous Palette

#323E43 #364449 #2A324E #2D3553 #3B3649 #49435B

Triadic Palette

#282F49 #2D3553 #592631 #6D404A #315926 #2B4E21

Split Complementary Palette

#29304B #2D3553 #53372D #644B42 #48532D #414B29

Square Palette

#262D46 #2D3553 #4D3345 #4D4733 #2D5337 #4F6F57

Tetradic Palette

#252B44 #2D3553 #51215E #534B2D #2E5E21 #547B49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3553 contains 45 red, 53 green, and 83 blue.

Contrast Ratio: 12.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.67:1