#57DFD0

#57DFD0

#DF5766

#DF5766

Contrast Ratio

2.26:1

Delta E

100.66

Very Different

50:50 Mix

#BAA299

Color Values

Format #57DFD0 #DF5766
HEX #57DFD0 #DF5766
RGB 87, 223, 208 223, 87, 102
HSL 173.4, 68.0%, 60.8% 353.4, 68.0%, 60.8%
HSV 173.4, 61.0%, 87.5% 353.4, 61.0%, 87.5%
CMYK 61.0%, 0.0%, 6.7%, 12.5% 0.0%, 61.0%, 54.3%, 12.5%
OKLCH 0.8256 0.1196 185.0 0.6378 0.1697 16.8

Contrast & Accessibility

2.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF5766 → Background: #57DFD0

The quick brown fox jumps over the lazy dog

Text: #57DFD0 → Background: #DF5766

Color Difference (Delta E)

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

Gradient

#57DFD0 #88CBBD #A5B7AB #BAA299 #C98C88 #D67476 #DF5766

Color Mixing

#57DFD0

100%

#98C1B4

75:25

#BAA299

50:50

#D0807F

25:75

#DF5766

100%

CSS Gradient Code

background: linear-gradient(to right, #57DFD0, #DF5766);
background: linear-gradient(135deg, #57DFD0, #DF5766);

Explore Each Color

#57DFD0

View full color details

#DF5766

View full color details

Related Comparisons