#97BDF6

#97BDF6

#F6D097

#F6D097

Contrast Ratio

1.32:1

Delta E

66.39

Very Different

50:50 Mix

#CFC6C7

Color Values

Format #97BDF6 #F6D097
HEX #97BDF6 #F6D097
RGB 151, 189, 246 246, 208, 151
HSL 216.0, 84.1%, 77.8% 36.0, 84.1%, 77.8%
HSV 216.0, 38.6%, 96.5% 36.0, 38.6%, 96.5%
CMYK 38.6%, 23.2%, 0.0%, 3.5% 0.0%, 15.4%, 38.6%, 3.5%
OKLCH 0.7918 0.0914 258.3 0.8769 0.0847 77.4

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F6D097 → Background: #97BDF6

The quick brown fox jumps over the lazy dog

Text: #97BDF6 → Background: #F6D097

Color Difference (Delta E)

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

Gradient

#97BDF6 #ADC0E7 #BFC3D7 #CFC6C7 #DDC9B8 #EACDA7 #F6D097

Color Mixing

#97BDF6

100%

#B7C1DF

75:25

#CFC6C7

50:50

#E4CBB0

25:75

#F6D097

100%

CSS Gradient Code

background: linear-gradient(to right, #97BDF6, #F6D097);
background: linear-gradient(135deg, #97BDF6, #F6D097);

Explore Each Color

#97BDF6

View full color details

#F6D097

View full color details

Related Comparisons