#697FF2

#697FF2

#F2DC69

#F2DC69

Contrast Ratio

2.57:1

Delta E

126.54

Very Different

50:50 Mix

#C1ABB3

Color Values

Format #697FF2 #F2DC69
HEX #697FF2 #F2DC69
RGB 105, 127, 242 242, 220, 105
HSL 230.4, 84.0%, 68.0% 50.4, 84.0%, 68.0%
HSV 230.4, 56.6%, 94.9% 50.4, 56.6%, 94.9%
CMYK 56.6%, 47.5%, 0.0%, 5.1% 0.0%, 9.1%, 56.6%, 5.1%
OKLCH 0.6359 0.1726 272.4 0.8903 0.137 98.6

Contrast & Accessibility

2.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2DC69 → Background: #697FF2

The quick brown fox jumps over the lazy dog

Text: #697FF2 → Background: #F2DC69

Color Difference (Delta E)

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

Gradient

#697FF2 #908DDD #AB9CC8 #C1ABB3 #D4BB9D #E4CB84 #F2DC69

Color Mixing

#697FF2

100%

#9F94D3

75:25

#C1ABB3

50:50

#DCC391

25:75

#F2DC69

100%

CSS Gradient Code

background: linear-gradient(to right, #697FF2, #F2DC69);
background: linear-gradient(135deg, #697FF2, #F2DC69);

Explore Each Color

#697FF2

View full color details

#F2DC69

View full color details

Related Comparisons