#9ED4F2

#9ED4F2

#F2BC9E

#F2BC9E

Contrast Ratio

1.06:1

Delta E

50.05

Very Different

50:50 Mix

#D0C8C8

Color Values

Format #9ED4F2 #F2BC9E
HEX #9ED4F2 #F2BC9E
RGB 158, 212, 242 242, 188, 158
HSL 201.4, 76.4%, 78.4% 21.4, 76.4%, 78.4%
HSV 201.4, 34.7%, 94.9% 21.4, 34.7%, 94.9%
CMYK 34.7%, 12.4%, 0.0%, 5.1% 0.0%, 22.3%, 34.7%, 5.1%
OKLCH 0.8429 0.0698 233.0 0.8365 0.0746 50.4

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2BC9E → Background: #9ED4F2

The quick brown fox jumps over the lazy dog

Text: #9ED4F2 → Background: #F2BC9E

Color Difference (Delta E)

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

Gradient

#9ED4F2 #B1D0E4 #C2CCD6 #D0C8C8 #DDC4BA #E8C0AC #F2BC9E

Color Mixing

#9ED4F2

100%

#BACEDD

75:25

#D0C8C8

50:50

#E2C2B3

25:75

#F2BC9E

100%

CSS Gradient Code

background: linear-gradient(to right, #9ED4F2, #F2BC9E);
background: linear-gradient(135deg, #9ED4F2, #F2BC9E);

Explore Each Color

#9ED4F2

View full color details

#F2BC9E

View full color details

Related Comparisons