#6BD3DF

#6BD3DF

#DF776B

#DF776B

Contrast Ratio

1.72:1

Delta E

79.22

Very Different

50:50 Mix

#BBA8A3

Color Values

Format #6BD3DF #DF776B
HEX #6BD3DF #DF776B
RGB 107, 211, 223 223, 119, 107
HSL 186.2, 64.4%, 64.7% 6.2, 64.4%, 64.7%
HSV 186.2, 52.0%, 87.5% 6.2, 52.0%, 87.5%
CMYK 52.0%, 5.4%, 0.0%, 12.5% 0.0%, 46.6%, 52.0%, 12.5%
OKLCH 0.8092 0.0978 205.4 0.6839 0.1316 27.8

Contrast & Accessibility

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF776B → Background: #6BD3DF

The quick brown fox jumps over the lazy dog

Text: #6BD3DF → Background: #DF776B

Color Difference (Delta E)

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

Gradient

#6BD3DF #90C5CB #A8B7B7 #BBA8A3 #CA9990 #D5887D #DF776B

Color Mixing

#6BD3DF

100%

#9DBEC1

75:25

#BBA8A3

50:50

#D09187

25:75

#DF776B

100%

CSS Gradient Code

background: linear-gradient(to right, #6BD3DF, #DF776B);
background: linear-gradient(135deg, #6BD3DF, #DF776B);

Explore Each Color

#6BD3DF

View full color details

#DF776B

View full color details

Related Comparisons