#673FAF

#673FAF

#87AF3F

#87AF3F

Contrast Ratio

2.83:1

Delta E

131.47

Very Different

50:50 Mix

#85787E

Color Values

Format #673FAF #87AF3F
HEX #673FAF #87AF3F
RGB 103, 63, 175 135, 175, 63
HSL 261.4, 47.1%, 46.7% 81.4, 47.1%, 46.7%
HSV 261.4, 64.0%, 68.6% 81.4, 64.0%, 68.6%
CMYK 41.1%, 64.0%, 0.0%, 31.4% 22.9%, 0.0%, 64.0%, 31.4%
OKLCH 0.4751 0.17 295.7 0.702 0.1468 126.6

Contrast & Accessibility

2.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #87AF3F → Background: #673FAF

The quick brown fox jumps over the lazy dog

Text: #673FAF → Background: #87AF3F

Color Difference (Delta E)

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

Gradient

#673FAF #75539F #7F668F #85787E #888B6C #899D58 #87AF3F

Color Mixing

#673FAF

100%

#7A5C97

75:25

#85787E

50:50

#899462

25:75

#87AF3F

100%

CSS Gradient Code

background: linear-gradient(to right, #673FAF, #87AF3F);
background: linear-gradient(135deg, #673FAF, #87AF3F);

Explore Each Color

#673FAF

View full color details

#87AF3F

View full color details

Related Comparisons