#97B8FD

#97B8FD

#FDDC97

#FDDC97

Contrast Ratio

1.5:1

Delta E

77.16

Very Different

50:50 Mix

#D4C9CB

Color Values

Format #97B8FD #FDDC97
HEX #97B8FD #FDDC97
RGB 151, 184, 253 253, 220, 151
HSL 220.6, 96.2%, 79.2% 40.6, 96.2%, 79.2%
HSV 220.6, 40.3%, 99.2% 40.6, 40.3%, 99.2%
CMYK 40.3%, 27.3%, 0.0%, 0.8% 0.0%, 13.0%, 40.3%, 0.8%
OKLCH 0.7845 0.1055 264.4 0.9067 0.0942 85.1

Contrast & Accessibility

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDDC97 → Background: #97B8FD

The quick brown fox jumps over the lazy dog

Text: #97B8FD → Background: #FDDC97

Color Difference (Delta E)

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

Gradient

#97B8FD #AFBEED #C3C3DC #D4C9CB #E3CFBA #F1D6A9 #FDDC97

Color Mixing

#97B8FD

100%

#B9C0E4

75:25

#D4C9CB

50:50

#EAD2B2

25:75

#FDDC97

100%

CSS Gradient Code

background: linear-gradient(to right, #97B8FD, #FDDC97);
background: linear-gradient(135deg, #97B8FD, #FDDC97);

Explore Each Color

#97B8FD

View full color details

#FDDC97

View full color details

Related Comparisons