#97DFC3

#97DFC3

#DF97B3

#DF97B3

Contrast Ratio

1.48:1

Delta E

61.66

Very Different

50:50 Mix

#C2BDBB

Color Values

Format #97DFC3 #DF97B3
HEX #97DFC3 #DF97B3
RGB 151, 223, 195 223, 151, 179
HSL 156.7, 52.9%, 73.3% 336.7, 52.9%, 73.3%
HSV 156.7, 32.3%, 87.5% 336.7, 32.3%, 87.5%
CMYK 32.3%, 0.0%, 12.6%, 12.5% 0.0%, 32.3%, 19.7%, 12.5%
OKLCH 0.8483 0.0823 168.1 0.7554 0.093 354.6

Contrast & Accessibility

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF97B3 → Background: #97DFC3

The quick brown fox jumps over the lazy dog

Text: #97DFC3 → Background: #DF97B3

Color Difference (Delta E)

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

Gradient

#97DFC3 #A7D4C0 #B5C9BE #C2BDBB #CCB1B8 #D6A4B6 #DF97B3

Color Mixing

#97DFC3

100%

#AFCEBF

75:25

#C2BDBB

50:50

#D1ABB7

25:75

#DF97B3

100%

CSS Gradient Code

background: linear-gradient(to right, #97DFC3, #DF97B3);
background: linear-gradient(135deg, #97DFC3, #DF97B3);

Explore Each Color

#97DFC3

View full color details

#DF97B3

View full color details

Related Comparisons