#97ABF2

#97ABF2

#F2DE97

#F2DE97

Contrast Ratio

1.66:1

Delta E

78.17

Very Different

50:50 Mix

#CCC4C6

Color Values

Format #97ABF2 #F2DE97
HEX #97ABF2 #F2DE97
RGB 151, 171, 242 242, 222, 151
HSL 226.8, 77.8%, 77.1% 46.8, 77.8%, 77.1%
HSV 226.8, 37.6%, 94.9% 46.8, 37.6%, 94.9%
CMYK 37.6%, 29.3%, 0.0%, 5.1% 0.0%, 8.3%, 37.6%, 5.1%
OKLCH 0.7531 0.1051 271.6 0.9009 0.0924 94.2

Contrast & Accessibility

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2DE97 → Background: #97ABF2

The quick brown fox jumps over the lazy dog

Text: #97ABF2 → Background: #F2DE97

Color Difference (Delta E)

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

Gradient

#97ABF2 #ACB3E4 #BDBBD5 #CCC4C6 #DACCB7 #E7D5A7 #F2DE97

Color Mixing

#97ABF2

100%

#B5B7DC

75:25

#CCC4C6

50:50

#E1D1AF

25:75

#F2DE97

100%

CSS Gradient Code

background: linear-gradient(to right, #97ABF2, #F2DE97);
background: linear-gradient(135deg, #97ABF2, #F2DE97);

Explore Each Color

#97ABF2

View full color details

#F2DE97

View full color details

Related Comparisons