#684060 Color

Color Information

HEX#684060
RGB104, 64, 96
HSL312° , 24% , 33%
HSV312° , 38% , 41%
CMYK0%, 38%, 8%, 59%

Lighter Shades

#7A5773 #8C6E86 #9E8599 #B09CAC #C3B3BF #D5CAD2

Darker Shades

#5C3854 #4F3149 #43293D #362132 #2A1A26 #1D121B

Complementary Palette

#593753 #684060 #37593E #406848 #5B7D62 #7D5B76

Analogous Palette

#514158 #594861 #623C5A #684060 #61484F #6F525B

Triadic Palette

#5C3854 #684060 #657138 #778250 #386571 #315963

Split Complementary Palette

#5E3A56 #684060 #4C6840 #5E7753 #40685C #3A5E53

Square Palette

#573651 #684060 #615948 #48614D #404C68 #5F6980

Tetradic Palette

#55344F #684060 #773F31 #406848 #316977 #56848F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #684060 contains 104 red, 64 green, and 96 blue.

Contrast Ratio: 8.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.44:1