#556970 Color

Color Information

HEX#556970
RGB85, 105, 112
HSL196° , 14% , 39%
HSV196° , 24% , 44%
CMYK24%, 6%, 0%, 56%

Lighter Shades

#697B81 #7E8D92 #929FA3 #A7B1B5 #BBC3C6 #CFD5D7

Darker Shades

#4B5C63 #415055 #364348 #2C373A #222A2D #181D1F

Complementary Palette

#495A60 #556970 #61504A #715D56 #85746E #6D7E84

Analogous Palette

#4E6A63 #55726C #506369 #556970 #555B72 #5F6681

Triadic Palette

#4B5C63 #556970 #7B4C6F #8B6180 #6F7B4C #626C43

Split Complementary Palette

#4D5F65 #556970 #71565C #7F676C #716B56 #66604D

Square Palette

#47585E #556970 #6C5572 #725C55 #5C7156 #768871

Tetradic Palette

#46565C #556970 #554483 #715D56 #728344 #8B9966

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556970 contains 85 red, 105 green, and 112 blue.

Contrast Ratio: 5.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.65:1