#325F56 Color

Color Information

HEX#325F56
RGB50, 95, 86
HSL168° , 31% , 28%
HSV168° , 47% , 37%
CMYK47%, 0%, 9%, 63%

Lighter Shades

#4B726A #63857F #7C9993 #94ACA7 #ADBFBB #C6D2D0

Darker Shades

#2C544C #264841 #203D37 #1A312D #142622 #0E1B18

Complementary Palette

#2B524A #325F56 #512A32 #5E313A #754E56 #4F756E

Analogous Palette

#384C3F #3D5243 #2F5951 #325F56 #3D4B52 #4A5B64

Triadic Palette

#2C544C #325F56 #592A65 #6D4477 #65592A #594E25

Split Complementary Palette

#2D564D #325F56 #5E3150 #6E4662 #5E3F31 #55392C

Square Palette

#2A5048 #325F56 #423856 #56383E #505E31 #6C7852

Tetradic Palette

#294E47 #325F56 #24326A #5E313A #6A5C24 #85794B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325F56 contains 50 red, 95 green, and 86 blue.

Contrast Ratio: 7.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.88:1