#2AB4B5

#2AB4B5

#B52B2A

#B52B2A

Contrast Ratio

2.48:1

Delta E

103.13

Very Different

50:50 Mix

#997A6C

Color Values

Format #2AB4B5 #B52B2A
HEX #2AB4B5 #B52B2A
RGB 42, 180, 181 181, 43, 42
HSL 180.4, 62.3%, 43.7% 0.4, 62.3%, 43.7%
HSV 180.4, 76.8%, 71.0% 0.4, 76.8%, 71.0%
CMYK 76.8%, 0.6%, 0.0%, 29.0% 0.0%, 76.2%, 76.8%, 29.0%
OKLCH 0.7016 0.1111 195.7 0.5104 0.1749 26.3

Contrast & Accessibility

2.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B52B2A → Background: #2AB4B5

The quick brown fox jumps over the lazy dog

Text: #2AB4B5 → Background: #B52B2A

Color Difference (Delta E)

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

Gradient

#2AB4B5 #69A19C #878E84 #997A6C #A66455 #AF4C3F #B52B2A

Color Mixing

#2AB4B5

100%

#7A9890

75:25

#997A6C

50:50

#AB594A

25:75

#B52B2A

100%

CSS Gradient Code

background: linear-gradient(to right, #2AB4B5, #B52B2A);
background: linear-gradient(135deg, #2AB4B5, #B52B2A);

Explore Each Color

#2AB4B5

View full color details

#B52B2A

View full color details

Related Comparisons