#60689A Color

Color Information

HEX#60689A
RGB96, 104, 154
HSL232° , 23% , 49%
HSV232° , 38% , 60%
CMYK38%, 32%, 0%, 40%

Lighter Shades

#737AA6 #868CB2 #999EBE #ACB0CA #BFC3D7 #D2D5E3

Darker Shades

#545C88 #494F75 #3D4363 #323650 #262A3E #1B1D2B

Complementary Palette

#535984 #60689A #847E53 #9A9260 #A8A176 #767DA8

Analogous Palette

#627784 #6A8290 #5A6291 #60689A #786A90 #827599

Triadic Palette

#545C88 #60689A #A6545F #B16972 #5FA654 #54924A

Split Complementary Palette

#565E8B #60689A #9A7560 #A48370 #859A60 #788B56

Square Palette

#515781 #60689A #906A82 #908B6A #609A75 #79AA8B

Tetradic Palette

#4F557E #60689A #A34AB0 #9A9260 #57B04A #75BE6B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #60689A contains 96 red, 104 green, and 154 blue.

Contrast Ratio: 5.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.96:1