#6BD3C1

#6BD3C1

#D36B7D

#D36B7D

Contrast Ratio

1.9:1

Delta E

80.45

Very Different

50:50 Mix

#B1A39E

Color Values

Format #6BD3C1 #D36B7D
HEX #6BD3C1 #D36B7D
RGB 107, 211, 193 211, 107, 125
HSL 169.6, 54.2%, 62.4% 349.6, 54.2%, 62.4%
HSV 169.6, 49.3%, 82.7% 349.6, 49.3%, 82.7%
CMYK 49.3%, 0.0%, 8.5%, 17.3% 0.0%, 49.3%, 40.8%, 17.3%
OKLCH 0.7994 0.101 180.9 0.6536 0.1316 10.5

Contrast & Accessibility

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D36B7D → Background: #6BD3C1

The quick brown fox jumps over the lazy dog

Text: #6BD3C1 → Background: #D36B7D

Color Difference (Delta E)

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

Gradient

#6BD3C1 #8AC4B5 #A0B4AA #B1A39E #BE9293 #CA7F88 #D36B7D

Color Mixing

#6BD3C1

100%

#96BCAF

75:25

#B1A39E

50:50

#C4898D

25:75

#D36B7D

100%

CSS Gradient Code

background: linear-gradient(to right, #6BD3C1, #D36B7D);
background: linear-gradient(135deg, #6BD3C1, #D36B7D);

Explore Each Color

#6BD3C1

View full color details

#D36B7D

View full color details

Related Comparisons