#99C2F2

#99C2F2

#F2C999

#F2C999

Contrast Ratio

1.2:1

Delta E

58.74

Very Different

50:50 Mix

#CDC5C6

Color Values

Format #99C2F2 #F2C999
HEX #99C2F2 #F2C999
RGB 153, 194, 242 242, 201, 153
HSL 212.4, 77.4%, 77.5% 32.4, 77.4%, 77.5%
HSV 212.4, 36.8%, 94.9% 32.4, 36.8%, 94.9%
CMYK 36.8%, 19.8%, 0.0%, 5.1% 0.0%, 16.9%, 36.8%, 5.1%
OKLCH 0.8018 0.0814 252.7 0.8601 0.0779 70.9

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2C999 → Background: #99C2F2

The quick brown fox jumps over the lazy dog

Text: #99C2F2 → Background: #F2C999

Color Difference (Delta E)

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

Gradient

#99C2F2 #ADC3E3 #BFC4D5 #CDC5C6 #DBC6B7 #E7C8A8 #F2C999

Color Mixing

#99C2F2

100%

#B6C4DC

75:25

#CDC5C6

50:50

#E1C7B0

25:75

#F2C999

100%

CSS Gradient Code

background: linear-gradient(to right, #99C2F2, #F2C999);
background: linear-gradient(135deg, #99C2F2, #F2C999);

Explore Each Color

#99C2F2

View full color details

#F2C999

View full color details

Related Comparisons