#577C58

#577C58

#7C577B

#7C577B

Contrast Ratio

1.26:1

Delta E

52.38

Very Different

50:50 Mix

#6C6B6A

Color Values

Format #577C58 #7C577B
HEX #577C58 #7C577B
RGB 87, 124, 88 124, 87, 123
HSL 121.6, 17.5%, 41.4% 301.6, 17.5%, 41.4%
HSV 121.6, 29.8%, 48.6% 301.6, 29.8%, 48.6%
CMYK 29.8%, 0.0%, 29.0%, 51.4% 0.0%, 29.8%, 0.8%, 51.4%
OKLCH 0.5482 0.0692 145.2 0.509 0.0716 327.5

Contrast & Accessibility

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7C577B → Background: #577C58

The quick brown fox jumps over the lazy dog

Text: #577C58 → Background: #7C577B

Color Difference (Delta E)

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

Gradient

#577C58 #5F765E #667164 #6C6B6A #726570 #775E75 #7C577B

Color Mixing

#577C58

100%

#637461

75:25

#6C6B6A

50:50

#756173

25:75

#7C577B

100%

CSS Gradient Code

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

Explore Each Color

#577C58

View full color details

#7C577B

View full color details

Related Comparisons