#21BABB

#21BABB

#BB2221

#BB2221

Contrast Ratio

2.62:1

Delta E

111.42

Very Different

50:50 Mix

#9F7C6B

Color Values

Format #21BABB #BB2221
HEX #21BABB #BB2221
RGB 33, 186, 187 187, 34, 33
HSL 180.4, 70.0%, 43.1% 0.4, 70.0%, 43.1%
HSV 180.4, 82.4%, 73.3% 0.4, 82.4%, 73.3%
CMYK 82.4%, 0.5%, 0.0%, 26.7% 0.0%, 81.8%, 82.4%, 26.7%
OKLCH 0.7172 0.1169 195.6 0.5134 0.1882 27.3

Contrast & Accessibility

2.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BB2221 → Background: #21BABB

The quick brown fox jumps over the lazy dog

Text: #21BABB → Background: #BB2221

Color Difference (Delta E)

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

Gradient

#21BABB #6CA69F #8C9185 #9F7C6B #AC6451 #B54939 #BB2221

Color Mixing

#21BABB

100%

#7E9C92

75:25

#9F7C6B

50:50

#B15845

25:75

#BB2221

100%

CSS Gradient Code

background: linear-gradient(to right, #21BABB, #BB2221);
background: linear-gradient(135deg, #21BABB, #BB2221);

Explore Each Color

#21BABB

View full color details

#BB2221

View full color details

Related Comparisons