#60486D Color

Color Information

HEX#60486D
RGB96, 72, 109
HSL279° , 20% , 35%
HSV279° , 34% , 43%
CMYK12%, 34%, 0%, 57%

Lighter Shades

#735E7F #867490 #998AA2 #ACA0B3 #BFB6C5 #D2CCD6

Darker Shades

#543F60 #493753 #3D2E46 #322539 #261D2C #1B141F

Complementary Palette

#533E5E #60486D #485C3D #546B47 #6C8061 #766281

Analogous Palette

#4A455E #504C67 #5A4466 #60486D #674C63 #755771

Triadic Palette

#543F60 #60486D #74623E #857555 #3E7462 #376656

Split Complementary Palette

#564162 #60486D #666B47 #757A59 #476B4D #406045

Square Palette

#513C5C #60486D #67504C #56674C #47666B #647E83

Tetradic Palette

#4F3B59 #60486D #7B3750 #546B47 #377B65 #5B9381

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #60486D contains 96 red, 72 green, and 109 blue.

Contrast Ratio: 8.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1