#ABDCF2

#ABDCF2

#F2C1AB

#F2C1AB

Contrast Ratio

1.1:1

Delta E

42.15

Very Different

50:50 Mix

#D4CFCE

Color Values

Format #ABDCF2 #F2C1AB
HEX #ABDCF2 #F2C1AB
RGB 171, 220, 242 242, 193, 171
HSL 198.6, 73.2%, 81.0% 18.6, 73.2%, 81.0%
HSV 198.6, 29.3%, 94.9% 18.6, 29.3%, 94.9%
CMYK 29.3%, 9.1%, 0.0%, 5.1% 0.0%, 20.2%, 29.3%, 5.1%
OKLCH 0.8675 0.0591 227.2 0.8487 0.064 45.4

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2C1AB → Background: #ABDCF2

The quick brown fox jumps over the lazy dog

Text: #ABDCF2 → Background: #F2C1AB

Color Difference (Delta E)

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

Gradient

#ABDCF2 #BBD8E6 #C8D3DA #D4CFCE #DFCAC3 #E9C6B7 #F2C1AB

Color Mixing

#ABDCF2

100%

#C2D5E0

75:25

#D4CFCE

50:50

#E4C8BD

25:75

#F2C1AB

100%

CSS Gradient Code

background: linear-gradient(to right, #ABDCF2, #F2C1AB);
background: linear-gradient(135deg, #ABDCF2, #F2C1AB);

Explore Each Color

#ABDCF2

View full color details

#F2C1AB

View full color details

Related Comparisons