#9AB1F2

#9AB1F2

#F2DB9A

#F2DB9A

Contrast Ratio

1.55:1

Delta E

71.96

Very Different

50:50 Mix

#CDC5C7

Color Values

Format #9AB1F2 #F2DB9A
HEX #9AB1F2 #F2DB9A
RGB 154, 177, 242 242, 219, 154
HSL 224.3, 77.2%, 77.6% 44.3, 77.2%, 77.6%
HSV 224.3, 36.4%, 94.9% 44.3, 36.4%, 94.9%
CMYK 36.4%, 26.9%, 0.0%, 5.1% 0.0%, 9.5%, 36.4%, 5.1%
OKLCH 0.7673 0.0971 269.0 0.8954 0.0865 90.8

Contrast & Accessibility

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2DB9A → Background: #9AB1F2

The quick brown fox jumps over the lazy dog

Text: #9AB1F2 → Background: #F2DB9A

Color Difference (Delta E)

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

Gradient

#9AB1F2 #AEB8E4 #BFBED6 #CDC5C7 #DBCCB9 #E7D4AA #F2DB9A

Color Mixing

#9AB1F2

100%

#B6BBDD

75:25

#CDC5C7

50:50

#E1D0B1

25:75

#F2DB9A

100%

CSS Gradient Code

background: linear-gradient(to right, #9AB1F2, #F2DB9A);
background: linear-gradient(135deg, #9AB1F2, #F2DB9A);

Explore Each Color

#9AB1F2

View full color details

#F2DB9A

View full color details

Related Comparisons