#9AF0F2

#9AF0F2

#F29C9A

#F29C9A

Contrast Ratio

1.61:1

Delta E

64.14

Very Different

50:50 Mix

#D2C8C5

Color Values

Format #9AF0F2 #F29C9A
HEX #9AF0F2 #F29C9A
RGB 154, 240, 242 242, 156, 154
HSL 181.4, 77.2%, 77.6% 1.4, 77.2%, 77.6%
HSV 181.4, 36.4%, 94.9% 1.4, 36.4%, 94.9%
CMYK 36.4%, 0.8%, 0.0%, 5.1% 0.0%, 35.5%, 36.4%, 5.1%
OKLCH 0.9014 0.0831 197.7 0.7784 0.1035 21.2

Contrast & Accessibility

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F29C9A → Background: #9AF0F2

The quick brown fox jumps over the lazy dog

Text: #9AF0F2 → Background: #F29C9A

Color Difference (Delta E)

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

Gradient

#9AF0F2 #B1E3E3 #C4D5D4 #D2C8C5 #DFBAB7 #E9ABA8 #F29C9A

Color Mixing

#9AF0F2

100%

#BBDCDB

75:25

#D2C8C5

50:50

#E4B2AF

25:75

#F29C9A

100%

CSS Gradient Code

background: linear-gradient(to right, #9AF0F2, #F29C9A);
background: linear-gradient(135deg, #9AF0F2, #F29C9A);

Explore Each Color

#9AF0F2

View full color details

#F29C9A

View full color details

Related Comparisons