#57C2F2

#57C2F2

#F28757

#F28757

Contrast Ratio

1.24:1

Delta E

93.22

Very Different

50:50 Mix

#C3A6A4

Color Values

Format #57C2F2 #F28757
HEX #57C2F2 #F28757
RGB 87, 194, 242 242, 135, 87
HSL 198.6, 85.6%, 64.5% 18.6, 85.6%, 64.5%
HSV 198.6, 64.0%, 94.9% 18.6, 64.0%, 94.9%
CMYK 64.0%, 19.8%, 0.0%, 5.1% 0.0%, 44.2%, 64.0%, 5.1%
OKLCH 0.7706 0.1192 230.5 0.731 0.1452 44.1

Contrast & Accessibility

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F28757 → Background: #57C2F2

The quick brown fox jumps over the lazy dog

Text: #57C2F2 → Background: #F28757

Color Difference (Delta E)

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

Gradient

#57C2F2 #8CB9D8 #ACB0BE #C3A6A4 #D69D8A #E59271 #F28757

Color Mixing

#57C2F2

100%

#9DB5CB

75:25

#C3A6A4

50:50

#DE977E

25:75

#F28757

100%

CSS Gradient Code

background: linear-gradient(to right, #57C2F2, #F28757);
background: linear-gradient(135deg, #57C2F2, #F28757);

Explore Each Color

#57C2F2

View full color details

#F28757

View full color details

Related Comparisons