#A2CCF7

#A2CCF7

#F7CDA2

#F7CDA2

Contrast Ratio

1.14:1

Delta E

54.23

Very Different

50:50 Mix

#D4CCCD

Color Values

Format #A2CCF7 #F7CDA2
HEX #A2CCF7 #F7CDA2
RGB 162, 204, 247 247, 205, 162
HSL 210.4, 84.2%, 80.2% 30.4, 84.2%, 80.2%
HSV 210.4, 34.4%, 96.9% 30.4, 34.4%, 96.9%
CMYK 34.4%, 17.4%, 0.0%, 3.1% 0.0%, 17.0%, 34.4%, 3.1%
OKLCH 0.8302 0.0753 249.4 0.8742 0.0737 67.3

Contrast & Accessibility

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7CDA2 → Background: #A2CCF7

The quick brown fox jumps over the lazy dog

Text: #A2CCF7 → Background: #F7CDA2

Color Difference (Delta E)

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

Gradient

#A2CCF7 #B5CCE9 #C5CCDB #D4CCCD #E1CDBF #ECCDB0 #F7CDA2

Color Mixing

#A2CCF7

100%

#BDCCE2

75:25

#D4CCCD

50:50

#E7CDB8

25:75

#F7CDA2

100%

CSS Gradient Code

background: linear-gradient(to right, #A2CCF7, #F7CDA2);
background: linear-gradient(135deg, #A2CCF7, #F7CDA2);

Explore Each Color

#A2CCF7

View full color details

#F7CDA2

View full color details

Related Comparisons