#97D0FF

#97D0FF

#FFC697

#FFC697

Contrast Ratio

1.08:1

Delta E

63.76

Very Different

50:50 Mix

Color Values

Format #97D0FF #FFC697
HEX #97D0FF #FFC697
RGB 151, 208, 255 255, 198, 151
HSL 207.1, 100.0%, 79.6% 27.1, 100.0%, 79.6%
HSV 207.1, 40.8%, 100.0% 27.1, 40.8%, 100.0%
CMYK 40.8%, 18.4%, 0.0%, 0.0% 0.0%, 22.4%, 40.8%, 0.0%
OKLCH 0.8353 0.0886 244.0 0.8667 0.0895 60.7

Contrast & Accessibility

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFC697 → Background: #97D0FF

The quick brown fox jumps over the lazy dog

Text: #97D0FF → Background: #FFC697

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #97D0FF, #FFC697);
background: linear-gradient(135deg, #97D0FF, #FFC697);

Explore Each Color

Related Comparisons