#5DC2DF

#5DC2DF

#DF7A5D

#DF7A5D

Contrast Ratio

1.45:1

Delta E

81.59

Very Different

50:50 Mix

#B7A09D

Color Values

Format #5DC2DF #DF7A5D
HEX #5DC2DF #DF7A5D
RGB 93, 194, 223 223, 122, 93
HSL 193.4, 67.0%, 62.0% 13.4, 67.0%, 62.0%
HSV 193.4, 58.3%, 87.5% 13.4, 58.3%, 87.5%
CMYK 58.3%, 13.0%, 0.0%, 12.5% 0.0%, 45.3%, 58.3%, 12.5%
OKLCH 0.7648 0.1023 219.4 0.6862 0.1327 36.9

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7A5D → Background: #5DC2DF

The quick brown fox jumps over the lazy dog

Text: #5DC2DF → Background: #DF7A5D

Color Difference (Delta E)

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

Gradient

#5DC2DF #87B7C9 #A3ACB3 #B7A09D #C79487 #D48872 #DF7A5D

Color Mixing

#5DC2DF

100%

#96B2BE

75:25

#B7A09D

50:50

#CE8E7D

25:75

#DF7A5D

100%

CSS Gradient Code

background: linear-gradient(to right, #5DC2DF, #DF7A5D);
background: linear-gradient(135deg, #5DC2DF, #DF7A5D);

Explore Each Color

#5DC2DF

View full color details

#DF7A5D

View full color details

Related Comparisons