#324A54 Color

Color Information

HEX	#324A54
RGB	50, 74, 84
HSL	198° , 25% , 26%
HSV	198° , 40% , 33%
CMYK	40%, 12%, 0%, 67%

Lighter Shades

#4B6069 #63757D #7C8B92 #94A1A6 #ADB7BB #C6CCCF

Darker Shades

#2C414A #263840 #202F36 #1A262C #141E22 #0E1518

Complementary Palette

#2B4048 #324A54 #47342B #533C32 #6B574F #4F636C

Analogous Palette

#344643 #384C48 #2F464F #324A54 #383C4C #454A5E

Triadic Palette

#2C414A #324A54 #5A2B4C #6E4461 #4C5A2B #434F26

Split Complementary Palette

#2D434C #324A54 #533238 #64474C #534C32 #4B442D

Square Palette

#2A3E47 #324A54 #48384C #4C3E38 #385332 #586F53

Tetradic Palette

#293D45 #324A54 #37265F #533C32 #4E5F26 #6E7C4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #324A54 contains 50 red, 74 green, and 84 blue.

Contrast Ratio: 9.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.18:1