#7BDFCC

#7BDFCC

#DF7B8E

#DF7B8E

Contrast Ratio

1.8:1

Delta E

77.35

Very Different

50:50 Mix

#BCB1AC

Color Values

Format #7BDFCC #DF7B8E
HEX #7BDFCC #DF7B8E
RGB 123, 223, 204 223, 123, 142
HSL 168.6, 61.0%, 67.8% 348.6, 61.0%, 67.8%
HSV 168.6, 44.8%, 87.5% 348.6, 44.8%, 87.5%
CMYK 44.8%, 0.0%, 8.5%, 12.5% 0.0%, 44.8%, 36.3%, 12.5%
OKLCH 0.8373 0.0987 180.0 0.6984 0.125 8.7

Contrast & Accessibility

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7B8E → Background: #7BDFCC

The quick brown fox jumps over the lazy dog

Text: #7BDFCC → Background: #DF7B8E

Color Difference (Delta E)

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

Gradient

#7BDFCC #97D0C1 #ACC0B7 #BCB1AC #CAA0A2 #D58E98 #DF7B8E

Color Mixing

#7BDFCC

100%

#A2C8BC

75:25

#BCB1AC

50:50

#D0979D

25:75

#DF7B8E

100%

CSS Gradient Code

background: linear-gradient(to right, #7BDFCC, #DF7B8E);
background: linear-gradient(135deg, #7BDFCC, #DF7B8E);

Explore Each Color

#7BDFCC

View full color details

#DF7B8E

View full color details

Related Comparisons