#2FBA9B

#2FBA9B

#BA2F4E

#BA2F4E

Contrast Ratio

2.39:1

Delta E

103.77

Very Different

50:50 Mix

#978073

Color Values

Format #2FBA9B #BA2F4E
HEX #2FBA9B #BA2F4E
RGB 47, 186, 155 186, 47, 78
HSL 166.6, 59.7%, 45.7% 346.6, 59.7%, 45.7%
HSV 166.6, 74.7%, 72.9% 346.6, 74.7%, 72.9%
CMYK 74.7%, 0.0%, 16.7%, 27.1% 0.0%, 74.7%, 58.1%, 27.1%
OKLCH 0.7093 0.1239 173.8 0.5291 0.1748 13.0

Contrast & Accessibility

2.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BA2F4E → Background: #2FBA9B

The quick brown fox jumps over the lazy dog

Text: #2FBA9B → Background: #BA2F4E

Color Difference (Delta E)

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

Gradient

#2FBA9B #67A88D #839480 #978073 #A66B66 #B1515A #BA2F4E

Color Mixing

#2FBA9B

100%

#769E87

75:25

#978073

50:50

#AC5F60

25:75

#BA2F4E

100%

CSS Gradient Code

background: linear-gradient(to right, #2FBA9B, #BA2F4E);
background: linear-gradient(135deg, #2FBA9B, #BA2F4E);

Explore Each Color

#2FBA9B

View full color details

#BA2F4E

View full color details

Related Comparisons