#5FD0DF

#5FD0DF

#DF6E5F

#DF6E5F

Contrast Ratio

1.77:1

Delta E

86.23

Very Different

50:50 Mix

#BAA39D

Color Values

Format #5FD0DF #DF6E5F
HEX #5FD0DF #DF6E5F
RGB 95, 208, 223 223, 110, 95
HSL 187.0, 66.7%, 62.4% 7.0, 66.7%, 62.4%
HSV 187.0, 57.4%, 87.5% 7.0, 57.4%, 87.5%
CMYK 57.4%, 6.7%, 0.0%, 12.5% 0.0%, 50.7%, 57.4%, 12.5%
OKLCH 0.7979 0.1041 207.1 0.6679 0.1441 29.2

Contrast & Accessibility

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF6E5F → Background: #5FD0DF

The quick brown fox jumps over the lazy dog

Text: #5FD0DF → Background: #DF6E5F

Color Difference (Delta E)

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

Gradient

#5FD0DF #8AC1C9 #A6B2B3 #BAA39D #C99288 #D58173 #DF6E5F

Color Mixing

#5FD0DF

100%

#99BABE

75:25

#BAA39D

50:50

#D08A7E

25:75

#DF6E5F

100%

CSS Gradient Code

background: linear-gradient(to right, #5FD0DF, #DF6E5F);
background: linear-gradient(135deg, #5FD0DF, #DF6E5F);

Explore Each Color

#5FD0DF

View full color details

#DF6E5F

View full color details

Related Comparisons