#37217D

#37217D

#677D21

#677D21

Contrast Ratio

2.7:1

Delta E

112.86

Very Different

50:50 Mix

#5D4F56

Color Values

Format #37217D #677D21
HEX #37217D #677D21
RGB 55, 33, 125 103, 125, 33
HSL 254.3, 58.2%, 31.0% 74.3, 58.2%, 31.0%
HSV 254.3, 73.6%, 49.0% 74.3, 73.6%, 49.0%
CMYK 56.0%, 73.6%, 0.0%, 51.0% 17.6%, 0.0%, 73.6%, 51.0%
OKLCH 0.3389 0.1457 286.8 0.5537 0.1186 122.2

Contrast & Accessibility

2.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #677D21 → Background: #37217D

The quick brown fox jumps over the lazy dog

Text: #37217D → Background: #677D21

Color Difference (Delta E)

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

Gradient

#37217D #493170 #554064 #5D4F56 #625F48 #666E37 #677D21

Color Mixing

#37217D

100%

#4F396A

75:25

#5D4F56

50:50

#646640

25:75

#677D21

100%

CSS Gradient Code

background: linear-gradient(to right, #37217D, #677D21);
background: linear-gradient(135deg, #37217D, #677D21);

Explore Each Color

#37217D

View full color details

#677D21

View full color details

Related Comparisons