#577C74

#577C74

#7C575F

#7C575F

Contrast Ratio

1.34:1

Delta E

32.5

Very Different

50:50 Mix

#6D6A69

Color Values

Format #577C74 #7C575F
HEX #577C74 #7C575F
RGB 87, 124, 116 124, 87, 95
HSL 167.0, 17.5%, 41.4% 347.0, 17.5%, 41.4%
HSV 167.0, 29.8%, 48.6% 347.0, 29.8%, 48.6%
CMYK 29.8%, 0.0%, 6.5%, 51.4% 0.0%, 29.8%, 23.4%, 51.4%
OKLCH 0.556 0.0436 179.7 0.4986 0.0502 4.8

Contrast & Accessibility

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7C575F → Background: #577C74

The quick brown fox jumps over the lazy dog

Text: #577C74 → Background: #7C575F

Color Difference (Delta E)

32.5 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#577C74 #5F7670 #67706D #6D6A69 #726466 #775E62 #7C575F

Color Mixing

#577C74

100%

#63736F

75:25

#6D6A69

50:50

#756164

25:75

#7C575F

100%

CSS Gradient Code

background: linear-gradient(to right, #577C74, #7C575F);
background: linear-gradient(135deg, #577C74, #7C575F);

Explore Each Color

#577C74

View full color details

#7C575F

View full color details

Related Comparisons