#3ABBAC

#3ABBAC

#BB3A49

#BB3A49

Contrast Ratio

2.33:1

Delta E

96.75

Very Different

50:50 Mix

#9B8378

Color Values

Format #3ABBAC #BB3A49
HEX #3ABBAC #BB3A49
RGB 58, 187, 172 187, 58, 73
HSL 173.0, 52.7%, 48.0% 353.0, 52.7%, 48.0%
HSV 173.0, 69.0%, 73.3% 353.0, 69.0%, 73.3%
CMYK 69.0%, 0.0%, 8.0%, 26.7% 0.0%, 69.0%, 61.0%, 26.7%
OKLCH 0.7193 0.1122 183.9 0.5406 0.1645 18.1

Contrast & Accessibility

2.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BB3A49 → Background: #3ABBAC

The quick brown fox jumps over the lazy dog

Text: #3ABBAC → Background: #BB3A49

Color Difference (Delta E)

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

Gradient

#3ABBAC #6CA99A #889789 #9B8378 #A96F68 #B35758 #BB3A49

Color Mixing

#3ABBAC

100%

#7CA092

75:25

#9B8378

50:50

#AE6360

25:75

#BB3A49

100%

CSS Gradient Code

background: linear-gradient(to right, #3ABBAC, #BB3A49);
background: linear-gradient(135deg, #3ABBAC, #BB3A49);

Explore Each Color

#3ABBAC

View full color details

#BB3A49

View full color details

Related Comparisons