#31DBDC

#31DBDC

#DC3231

#DC3231

Contrast Ratio

2.71:1

Delta E

121.7

Very Different

50:50 Mix

#BB9483

Color Values

Format #31DBDC #DC3231
HEX #31DBDC #DC3231
RGB 49, 219, 220 220, 50, 49
HSL 180.4, 71.0%, 52.7% 0.4, 71.0%, 52.7%
HSV 180.4, 77.7%, 86.3% 0.4, 77.7%, 86.3%
CMYK 77.7%, 0.5%, 0.0%, 13.7% 0.0%, 77.3%, 77.7%, 13.7%
OKLCH 0.8115 0.1299 195.5 0.5865 0.2062 26.6

Contrast & Accessibility

2.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DC3231 → Background: #31DBDC

The quick brown fox jumps over the lazy dog

Text: #31DBDC → Background: #DC3231

Color Difference (Delta E)

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

Gradient

#31DBDC #81C4BD #A4ADA0 #BB9483 #CA7A66 #D55C4B #DC3231

Color Mixing

#31DBDC

100%

#95B9AE

75:25

#BB9483

50:50

#D06B59

25:75

#DC3231

100%

CSS Gradient Code

background: linear-gradient(to right, #31DBDC, #DC3231);
background: linear-gradient(135deg, #31DBDC, #DC3231);

Explore Each Color

#31DBDC

View full color details

#DC3231

View full color details

Related Comparisons