#53C7DF

#53C7DF

#DF6B53

#DF6B53

Contrast Ratio

1.67:1

Delta E

90.43

Very Different

50:50 Mix

Color Values

Format #53C7DF #DF6B53
HEX #53C7DF #DF6B53
RGB 83, 199, 223 223, 107, 83
HSL 190.3, 68.6%, 60.0% 10.3, 68.6%, 60.0%
HSV 190.3, 62.8%, 87.5% 10.3, 62.8%, 87.5%
CMYK 62.8%, 10.8%, 0.0%, 12.5% 0.0%, 52.0%, 62.8%, 12.5%
OKLCH 0.773 0.1085 213.7 0.6614 0.1503 33.1

Contrast & Accessibility

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF6B53 β†’ Background: #53C7DF

The quick brown fox jumps over the lazy dog

Text: #53C7DF β†’ Background: #DF6B53

Color Difference (Delta E)

90.43 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #53C7DF, #DF6B53);
background: linear-gradient(135deg, #53C7DF, #DF6B53);

Explore Each Color

Related Comparisons