#97B7F7

#97B7F7

#F7D797

#F7D797

Contrast Ratio

1.45:1

Delta E

72.1

Very Different

50:50 Mix

#D0C6C8

Color Values

Format #97B7F7 #F7D797
HEX #97B7F7 #F7D797
RGB 151, 183, 247 247, 215, 151
HSL 220.0, 85.7%, 78.0% 40.0, 85.7%, 78.0%
HSV 220.0, 38.9%, 96.9% 40.0, 38.9%, 96.9%
CMYK 38.9%, 25.9%, 0.0%, 3.1% 0.0%, 13.0%, 38.9%, 3.1%
OKLCH 0.7798 0.0985 263.7 0.8915 0.0887 84.2

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7D797 → Background: #97B7F7

The quick brown fox jumps over the lazy dog

Text: #97B7F7 → Background: #F7D797

Color Difference (Delta E)

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

Gradient

#97B7F7 #ADBCE8 #C0C1D8 #D0C6C8 #DECCB8 #EBD1A8 #F7D797

Color Mixing

#97B7F7

100%

#B7BEE0

75:25

#D0C6C8

50:50

#E5CFB0

25:75

#F7D797

100%

CSS Gradient Code

background: linear-gradient(to right, #97B7F7, #F7D797);
background: linear-gradient(135deg, #97B7F7, #F7D797);

Explore Each Color

#97B7F7

View full color details

#F7D797

View full color details

Related Comparisons