#21AFB0

#21AFB0

#B02221

#B02221

Contrast Ratio

2.53:1

Delta E

105.16

Very Different

50:50 Mix

#957565

Color Values

Format #21AFB0 #B02221
HEX #21AFB0 #B02221
RGB 33, 175, 176 176, 34, 33
HSL 180.4, 68.4%, 41.0% 0.4, 68.4%, 41.0%
HSV 180.4, 81.2%, 69.0% 0.4, 81.2%, 69.0%
CMYK 81.2%, 0.6%, 0.0%, 31.0% 0.0%, 80.7%, 81.2%, 31.0%
OKLCH 0.6859 0.1111 195.6 0.4929 0.1779 27.1

Contrast & Accessibility

2.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B02221 → Background: #21AFB0

The quick brown fox jumps over the lazy dog

Text: #21AFB0 → Background: #B02221

Color Difference (Delta E)

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

Gradient

#21AFB0 #669C96 #83897D #957565 #A25F4E #AA4637 #B02221

Color Mixing

#21AFB0

100%

#76938A

75:25

#957565

50:50

#A75342

25:75

#B02221

100%

CSS Gradient Code

background: linear-gradient(to right, #21AFB0, #B02221);
background: linear-gradient(135deg, #21AFB0, #B02221);

Explore Each Color

#21AFB0

View full color details

#B02221

View full color details

Related Comparisons