#97BBF2

#97BBF2

#F2CE97

#F2CE97

Contrast Ratio

1.31:1

Delta E

64.05

Very Different

50:50 Mix

#CDC4C5

Color Values

Format #97BBF2 #F2CE97
HEX #97BBF2 #F2CE97
RGB 151, 187, 242 242, 206, 151
HSL 216.3, 77.8%, 77.1% 36.3, 77.8%, 77.1%
HSV 216.3, 37.6%, 94.9% 36.3, 37.6%, 94.9%
CMYK 37.6%, 22.7%, 0.0%, 5.1% 0.0%, 14.9%, 37.6%, 5.1%
OKLCH 0.7859 0.0881 258.7 0.8694 0.0816 77.9

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2CE97 → Background: #97BBF2

The quick brown fox jumps over the lazy dog

Text: #97BBF2 → Background: #F2CE97

Color Difference (Delta E)

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

Gradient

#97BBF2 #ACBEE3 #BDC1D4 #CDC4C5 #DAC7B6 #E7CBA7 #F2CE97

Color Mixing

#97BBF2

100%

#B5BFDC

75:25

#CDC4C5

50:50

#E1C9AE

25:75

#F2CE97

100%

CSS Gradient Code

background: linear-gradient(to right, #97BBF2, #F2CE97);
background: linear-gradient(135deg, #97BBF2, #F2CE97);

Explore Each Color

#97BBF2

View full color details

#F2CE97

View full color details

Related Comparisons