#9EB9F2

#9EB9F2

#F2D79E

#F2D79E

Contrast Ratio

1.4:1

Delta E

64.04

Very Different

50:50 Mix

#CFC7C9

Color Values

Format #9EB9F2 #F2D79E
HEX #9EB9F2 #F2D79E
RGB 158, 185, 242 242, 215, 158
HSL 220.7, 76.4%, 78.4% 40.7, 76.4%, 78.4%
HSV 220.7, 34.7%, 94.9% 40.7, 34.7%, 94.9%
CMYK 34.7%, 23.6%, 0.0%, 5.1% 0.0%, 11.2%, 34.7%, 5.1%
OKLCH 0.7863 0.087 264.8 0.8883 0.0791 85.4

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2D79E → Background: #9EB9F2

The quick brown fox jumps over the lazy dog

Text: #9EB9F2 → Background: #F2D79E

Color Difference (Delta E)

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

Gradient

#9EB9F2 #B1BEE4 #C1C3D7 #CFC7C9 #DBCDBB #E7D2AD #F2D79E

Color Mixing

#9EB9F2

100%

#B9C0DE

75:25

#CFC7C9

50:50

#E1CFB4

25:75

#F2D79E

100%

CSS Gradient Code

background: linear-gradient(to right, #9EB9F2, #F2D79E);
background: linear-gradient(135deg, #9EB9F2, #F2D79E);

Explore Each Color

#9EB9F2

View full color details

#F2D79E

View full color details

Related Comparisons