#687EAF

#687EAF

#AF9968

#AF9968

Contrast Ratio

1.46:1

Delta E

58.44

Very Different

50:50 Mix

Color Values

Format #687EAF #AF9968
HEX #687EAF #AF9968
RGB 104, 126, 175 175, 153, 104
HSL 221.4, 30.7%, 54.7% 41.4, 30.7%, 54.7%
HSV 221.4, 40.6%, 68.6% 41.4, 40.6%, 68.6%
CMYK 40.6%, 28.0%, 0.0%, 31.4% 0.0%, 12.6%, 40.6%, 31.4%
OKLCH 0.5956 0.0797 265.5 0.6908 0.071 86.4

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF9968 → Background: #687EAF

The quick brown fox jumps over the lazy dog

Text: #687EAF → Background: #AF9968

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #687EAF, #AF9968);
background: linear-gradient(135deg, #687EAF, #AF9968);

Explore Each Color

Related Comparisons