#2AB2A3

#2AB2A3

#B22A39

#B22A39

Contrast Ratio

2.44:1

Delta E

100.35

Very Different

50:50 Mix

#93796B

Color Values

Format #2AB2A3 #B22A39
HEX #2AB2A3 #B22A39
RGB 42, 178, 163 178, 42, 57
HSL 173.4, 61.8%, 43.1% 353.4, 61.8%, 43.1%
HSV 173.4, 76.4%, 69.8% 353.4, 76.4%, 69.8%
CMYK 76.4%, 0.0%, 8.4%, 30.2% 0.0%, 76.4%, 68.0%, 30.2%
OKLCH 0.6905 0.1134 183.8 0.5063 0.1714 20.3

Contrast & Accessibility

2.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B22A39 → Background: #2AB2A3

The quick brown fox jumps over the lazy dog

Text: #2AB2A3 → Background: #B22A39

Color Difference (Delta E)

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

Gradient

#2AB2A3 #64A090 #818D7D #93796B #A1645A #AB4B49 #B22A39

Color Mixing

#2AB2A3

100%

#749687

75:25

#93796B

50:50

#A65851

25:75

#B22A39

100%

CSS Gradient Code

background: linear-gradient(to right, #2AB2A3, #B22A39);
background: linear-gradient(135deg, #2AB2A3, #B22A39);

Explore Each Color

#2AB2A3

View full color details

#B22A39

View full color details

Related Comparisons