#7CD3D3

#7CD3D3

#D37C7C

#D37C7C

Contrast Ratio

1.74:1

Delta E

66.61

Very Different

50:50 Mix

#B6AAA6

Color Values

Format #7CD3D3 #D37C7C
HEX #7CD3D3 #D37C7C
RGB 124, 211, 211 211, 124, 124
HSL 180.0, 49.7%, 65.7% 0.0, 49.7%, 65.7%
HSV 180.0, 41.2%, 82.7% 0.0, 41.2%, 82.7%
CMYK 41.2%, 0.0%, 0.0%, 17.3% 0.0%, 41.2%, 41.2%, 17.3%
OKLCH 0.8123 0.0842 195.6 0.6803 0.1086 20.3

Contrast & Accessibility

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D37C7C → Background: #7CD3D3

The quick brown fox jumps over the lazy dog

Text: #7CD3D3 → Background: #D37C7C

Color Difference (Delta E)

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

Gradient

#7CD3D3 #95C5C4 #A7B8B5 #B6AAA6 #C19B98 #CB8C8A #D37C7C

Color Mixing

#7CD3D3

100%

#9FBFBC

75:25

#B6AAA6

50:50

#C79491

25:75

#D37C7C

100%

CSS Gradient Code

background: linear-gradient(to right, #7CD3D3, #D37C7C);
background: linear-gradient(135deg, #7CD3D3, #D37C7C);

Explore Each Color

#7CD3D3

View full color details

#D37C7C

View full color details

Related Comparisons