#3A645F Color

Color Information

HEX#3A645F
RGB58, 100, 95
HSL173° , 27% , 31%
HSV173° , 42% , 39%
CMYK42%, 0%, 5%, 61%

Lighter Shades

#527772 #698985 #819C99 #99AEAC #B0C1BF #C8D4D2

Darker Shades

#335854 #2C4C48 #25403D #1E3431 #172826 #101C1B

Complementary Palette

#325652 #3A645F #563236 #643A3F #7A565A #567A75

Analogous Palette

#3D5245 #435B4C #375E59 #3A645F #43525B #4E5F6A

Triadic Palette

#335854 #3A645F #65326C #774B7E #6C6532 #5F592C

Split Complementary Palette

#345A56 #3A645F #643A54 #744E65 #644A3A #5A4334

Square Palette

#315450 #3A645F #4C425C #5C4245 #54643A #6F7D5A

Tetradic Palette

#30524E #3A645F #2B3473 #643A3F #736A2B #8C8551

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A645F contains 58 red, 100 green, and 95 blue.

Contrast Ratio: 6.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.15:1