#89BDF5

#89BDF5

#F5C189

#F5C189

Contrast Ratio

1.21:1

Delta E

70.09

Very Different

50:50 Mix

#CBBFC0

Color Values

Format #89BDF5 #F5C189
HEX #89BDF5 #F5C189
RGB 137, 189, 245 245, 193, 137
HSL 211.1, 84.4%, 74.9% 31.1, 84.4%, 74.9%
HSV 211.1, 44.1%, 96.1% 31.1, 44.1%, 96.1%
CMYK 44.1%, 22.9%, 0.0%, 3.9% 0.0%, 21.2%, 44.1%, 3.9%
OKLCH 0.7831 0.0973 250.9 0.8448 0.0935 68.1

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5C189 → Background: #89BDF5

The quick brown fox jumps over the lazy dog

Text: #89BDF5 → Background: #F5C189

Color Difference (Delta E)

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

Gradient

#89BDF5 #A4BEE3 #B9BED1 #CBBFC0 #DBBFAE #E9C09C #F5C189

Color Mixing

#89BDF5

100%

#AFBEDA

75:25

#CBBFC0

50:50

#E2C0A5

25:75

#F5C189

100%

CSS Gradient Code

background: linear-gradient(to right, #89BDF5, #F5C189);
background: linear-gradient(135deg, #89BDF5, #F5C189);

Explore Each Color

#89BDF5

View full color details

#F5C189

View full color details

Related Comparisons