#5EC3DF

#5EC3DF

#DF7A5E

#DF7A5E

Contrast Ratio

1.46:1

Delta E

81.22

Very Different

50:50 Mix

#B7A19D

Color Values

Format #5EC3DF #DF7A5E
HEX #5EC3DF #DF7A5E
RGB 94, 195, 223 223, 122, 94
HSL 193.0, 66.8%, 62.2% 13.0, 66.8%, 62.2%
HSV 193.0, 57.8%, 87.5% 13.0, 57.8%, 87.5%
CMYK 57.8%, 12.6%, 0.0%, 12.5% 0.0%, 45.3%, 57.8%, 12.5%
OKLCH 0.7675 0.1018 218.6 0.6863 0.1323 36.4

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7A5E → Background: #5EC3DF

The quick brown fox jumps over the lazy dog

Text: #5EC3DF → Background: #DF7A5E

Color Difference (Delta E)

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

Gradient

#5EC3DF #88B8C9 #A3ADB3 #B7A19D #C79588 #D48873 #DF7A5E

Color Mixing

#5EC3DF

100%

#97B2BE

75:25

#B7A19D

50:50

#CE8E7D

25:75

#DF7A5E

100%

CSS Gradient Code

background: linear-gradient(to right, #5EC3DF, #DF7A5E);
background: linear-gradient(135deg, #5EC3DF, #DF7A5E);

Explore Each Color

#5EC3DF

View full color details

#DF7A5E

View full color details

Related Comparisons