#2D546C Color

Color Information

HEX	#2D546C
RGB	45, 84, 108
HSL	203° , 41% , 30%
HSV	203° , 58% , 42%
CMYK	58%, 22%, 0%, 58%

Lighter Shades

#46697E #5F7D8F #7992A1 #92A6B3 #ABBBC4 #C4CFD6

Darker Shades

#284A5F #224052 #1D3645 #172C38 #12222B #0D181E

Complementary Palette

#27485D #2D546C #5D3B27 #6C452D #815F4A #4A6C81

Analogous Palette

#365350 #3C5D59 #2A4F66 #2D546C #3C405D #4E516A

Triadic Palette

#284A5F #2D546C #742556 #853F6A #567425 #4C6621

Split Complementary Palette

#294C61 #2D546C #6C2D34 #7B4248 #6C652D #615B29

Square Palette

#26475B #2D546C #5F3564 #644735 #346C2D #54844F

Tetradic Palette

#254559 #2D546C #421F7A #6C452D #577A1F #759247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D546C contains 45 red, 84 green, and 108 blue.

Contrast Ratio: 8.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1