#37A5A0

#37A5A0

#A5373C

#A5373C

Contrast Ratio

2.2:1

Delta E

85.24

Very Different

50:50 Mix

#8A746C

Color Values

Format #37A5A0 #A5373C
HEX #37A5A0 #A5373C
RGB 55, 165, 160 165, 55, 60
HSL 177.3, 50.0%, 43.1% 357.3, 50.0%, 43.1%
HSV 177.3, 66.7%, 64.7% 357.3, 66.7%, 64.7%
CMYK 66.7%, 0.0%, 3.0%, 35.3% 0.0%, 66.7%, 63.6%, 35.3%
OKLCH 0.6596 0.0977 190.7 0.4976 0.1447 21.6

Contrast & Accessibility

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A5373C → Background: #37A5A0

The quick brown fox jumps over the lazy dog

Text: #37A5A0 → Background: #A5373C

Color Difference (Delta E)

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

Gradient

#37A5A0 #62958E #7A857D #8A746C #96635B #9F4F4B #A5373C

Color Mixing

#37A5A0

100%

#6F8D86

75:25

#8A746C

50:50

#9B5953

25:75

#A5373C

100%

CSS Gradient Code

background: linear-gradient(to right, #37A5A0, #A5373C);
background: linear-gradient(135deg, #37A5A0, #A5373C);

Explore Each Color

#37A5A0

View full color details

#A5373C

View full color details

Related Comparisons