#58C5DF

#58C5DF

#DF7258

#DF7258

Contrast Ratio

1.57:1

Delta E

86.13

Very Different

50:50 Mix

#B79F9A

Color Values

Format #58C5DF #DF7258
HEX #58C5DF #DF7258
RGB 88, 197, 223 223, 114, 88
HSL 191.6, 67.8%, 61.0% 11.6, 67.8%, 61.0%
HSV 191.6, 60.5%, 87.5% 11.6, 60.5%, 87.5%
CMYK 60.5%, 11.7%, 0.0%, 12.5% 0.0%, 48.9%, 60.5%, 12.5%
OKLCH 0.77 0.1054 216.0 0.6728 0.1419 34.6

Contrast & Accessibility

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7258 → Background: #58C5DF

The quick brown fox jumps over the lazy dog

Text: #58C5DF → Background: #DF7258

Color Difference (Delta E)

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

Gradient

#58C5DF #86B9C8 #A2ACB1 #B79F9A #C79184 #D4826E #DF7258

Color Mixing

#58C5DF

100%

#95B2BC

75:25

#B79F9A

50:50

#CE8979

25:75

#DF7258

100%

CSS Gradient Code

background: linear-gradient(to right, #58C5DF, #DF7258);
background: linear-gradient(135deg, #58C5DF, #DF7258);

Explore Each Color

#58C5DF

View full color details

#DF7258

View full color details

Related Comparisons