#697EC3

#697EC3

#C3AE69

#C3AE69

Contrast Ratio

1.78:1

Delta E

79.51

Very Different

50:50 Mix

#A09598

Color Values

Format #697EC3 #C3AE69
HEX #697EC3 #C3AE69
RGB 105, 126, 195 195, 174, 105
HSL 226.0, 42.9%, 58.8% 46.0, 42.9%, 58.8%
HSV 226.0, 46.2%, 76.5% 46.0, 46.2%, 76.5%
CMYK 46.2%, 35.4%, 0.0%, 23.5% 0.0%, 10.8%, 46.2%, 23.5%
OKLCH 0.6063 0.1081 270.1 0.7536 0.0921 93.0

Contrast & Accessibility

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C3AE69 → Background: #697EC3

The quick brown fox jumps over the lazy dog

Text: #697EC3 → Background: #C3AE69

Color Difference (Delta E)

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

Gradient

#697EC3 #7F85B5 #918DA7 #A09598 #AD9D89 #B8A57A #C3AE69

Color Mixing

#697EC3

100%

#8989AE

75:25

#A09598

50:50

#B3A181

25:75

#C3AE69

100%

CSS Gradient Code

background: linear-gradient(to right, #697EC3, #C3AE69);
background: linear-gradient(135deg, #697EC3, #C3AE69);

Explore Each Color

#697EC3

View full color details

#C3AE69

View full color details

Related Comparisons