#7CDEDF

#7CDEDF

#DF7D7C

#DF7D7C

Contrast Ratio

1.82:1

Delta E

74.13

Very Different

50:50 Mix

#BFB0AC

Color Values

Format #7CDEDF #DF7D7C
HEX #7CDEDF #DF7D7C
RGB 124, 222, 223 223, 125, 124
HSL 180.6, 60.7%, 68.0% 0.6, 60.7%, 68.0%
HSV 180.6, 44.4%, 87.5% 0.6, 44.4%, 87.5%
CMYK 44.4%, 0.4%, 0.0%, 12.5% 0.0%, 43.9%, 44.4%, 12.5%
OKLCH 0.8413 0.0926 196.4 0.6971 0.1217 21.3

Contrast & Accessibility

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7D7C → Background: #7CDEDF

The quick brown fox jumps over the lazy dog

Text: #7CDEDF → Background: #DF7D7C

Color Difference (Delta E)

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

Gradient

#7CDEDF #99CFCE #AFC0BD #BFB0AC #CCA09C #D68F8C #DF7D7C

Color Mixing

#7CDEDF

100%

#A5C7C5

75:25

#BFB0AC

50:50

#D19894

25:75

#DF7D7C

100%

CSS Gradient Code

background: linear-gradient(to right, #7CDEDF, #DF7D7C);
background: linear-gradient(135deg, #7CDEDF, #DF7D7C);

Explore Each Color

#7CDEDF

View full color details

#DF7D7C

View full color details

Related Comparisons