#56688E Color

Color Information

HEX#56688E
RGB86, 104, 142
HSL221° , 25% , 45%
HSV221° , 39% , 56%
CMYK39%, 27%, 0%, 44%

Lighter Shades

#6A7A9C #7F8CA9 #939EB7 #A7B0C4 #BBC3D2 #D0D5DF

Darker Shades

#4C5C7D #414F6C #37435B #2D364A #222A39 #181D28

Complementary Palette

#4A597A #56688E #7B6C4A #8F7D56 #9F8F6E #6E7D9E

Analogous Palette

#597278 #627E84 #516285 #56688E #686284 #726A90

Triadic Palette

#4C5C7D #56688E #9B4B64 #A76177 #649B4B #588842

Split Complementary Palette

#4D5E80 #56688E #8F6156 #9A7167 #858F56 #78814D

Square Palette

#485777 #56688E #84627E #847962 #568F61 #71A17A

Tetradic Palette

#475574 #56688E #8541A4 #8F7D56 #61A441 #7DB463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #56688E contains 86 red, 104 green, and 142 blue.

Contrast Ratio: 5.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.78:1