#97CCB2

#97CCB2

#CC97B1

#CC97B1

Contrast Ratio

1.34:1

Delta E

49.25

Very Different

50:50 Mix

#B5B3B2

Color Values

Format #97CCB2 #CC97B1
HEX #97CCB2 #CC97B1
RGB 151, 204, 178 204, 151, 177
HSL 150.6, 34.2%, 69.6% 330.6, 34.2%, 69.6%
HSV 150.6, 26.0%, 80.0% 330.6, 26.0%, 80.0%
CMYK 26.0%, 0.0%, 12.7%, 20.0% 0.0%, 26.0%, 13.2%, 20.0%
OKLCH 0.8009 0.0664 163.2 0.7345 0.0719 348.1

Contrast & Accessibility

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC97B1 → Background: #97CCB2

The quick brown fox jumps over the lazy dog

Text: #97CCB2 → Background: #CC97B1

Color Difference (Delta E)

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

Gradient

#97CCB2 #A2C4B2 #ACBBB2 #B5B3B2 #BDAAB1 #C5A1B1 #CC97B1

Color Mixing

#97CCB2

100%

#A7C0B2

75:25

#B5B3B2

50:50

#C1A5B1

25:75

#CC97B1

100%

CSS Gradient Code

background: linear-gradient(to right, #97CCB2, #CC97B1);
background: linear-gradient(135deg, #97CCB2, #CC97B1);

Explore Each Color

#97CCB2

View full color details

#CC97B1

View full color details

Related Comparisons