#96C5F2

#96C5F2

#F2C396

#F2C396

Contrast Ratio

1.13:1

Delta E

58.3

Very Different

50:50 Mix

#CDC4C4

Color Values

Format #96C5F2 #F2C396
HEX #96C5F2 #F2C396
RGB 150, 197, 242 242, 195, 150
HSL 209.3, 78.0%, 76.9% 29.3, 78.0%, 76.9%
HSV 209.3, 38.0%, 94.9% 29.3, 38.0%, 94.9%
CMYK 38.0%, 18.6%, 0.0%, 5.1% 0.0%, 19.4%, 38.0%, 5.1%
OKLCH 0.8063 0.0811 247.8 0.848 0.0799 65.2

Contrast & Accessibility

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2C396 → Background: #96C5F2

The quick brown fox jumps over the lazy dog

Text: #96C5F2 → Background: #F2C396

Color Difference (Delta E)

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

Gradient

#96C5F2 #ABC5E3 #BDC4D4 #CDC4C4 #DAC4B5 #E7C3A6 #F2C396

Color Mixing

#96C5F2

100%

#B5C4DB

75:25

#CDC4C4

50:50

#E1C3AD

25:75

#F2C396

100%

CSS Gradient Code

background: linear-gradient(to right, #96C5F2, #F2C396);
background: linear-gradient(135deg, #96C5F2, #F2C396);

Explore Each Color

#96C5F2

View full color details

#F2C396

View full color details

Related Comparisons