#9EC2F3

#9EC2F3

#F3CF9E

#F3CF9E

Contrast Ratio

1.24:1

Delta E

58.02

Very Different

50:50 Mix

#D0C8C9

Color Values

Format #9EC2F3 #F3CF9E
HEX #9EC2F3 #F3CF9E
RGB 158, 194, 243 243, 207, 158
HSL 214.6, 78.0%, 78.6% 34.6, 78.0%, 78.6%
HSV 214.6, 35.0%, 95.3% 34.6, 35.0%, 95.3%
CMYK 35.0%, 20.2%, 0.0%, 4.7% 0.0%, 14.8%, 35.0%, 4.7%
OKLCH 0.8053 0.0799 256.2 0.8736 0.0754 75.1

Contrast & Accessibility

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3CF9E → Background: #9EC2F3

The quick brown fox jumps over the lazy dog

Text: #9EC2F3 → Background: #F3CF9E

Color Difference (Delta E)

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

Gradient

#9EC2F3 #B1C4E5 #C1C6D7 #D0C8C9 #DCCABB #E8CDAD #F3CF9E

Color Mixing

#9EC2F3

100%

#B9C5DE

75:25

#D0C8C9

50:50

#E2CCB4

25:75

#F3CF9E

100%

CSS Gradient Code

background: linear-gradient(to right, #9EC2F3, #F3CF9E);
background: linear-gradient(135deg, #9EC2F3, #F3CF9E);

Explore Each Color

#9EC2F3

View full color details

#F3CF9E

View full color details

Related Comparisons