#3BBCA5

#3BBCA5

#BC3B52

#BC3B52

Contrast Ratio

2.3:1

Delta E

97.5

Very Different

50:50 Mix

#9A857A

Color Values

Format #3BBCA5 #BC3B52
HEX #3BBCA5 #BC3B52
RGB 59, 188, 165 188, 59, 82
HSL 169.3, 52.2%, 48.4% 349.3, 52.2%, 48.4%
HSV 169.3, 68.6%, 73.7% 349.3, 68.6%, 73.7%
CMYK 68.6%, 0.0%, 12.2%, 26.3% 0.0%, 68.6%, 56.4%, 26.3%
OKLCH 0.7198 0.1158 178.4 0.5453 0.1646 14.2

Contrast & Accessibility

2.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC3B52 → Background: #3BBCA5

The quick brown fox jumps over the lazy dog

Text: #3BBCA5 → Background: #BC3B52

Color Difference (Delta E)

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

Gradient

#3BBCA5 #6CAA96 #879888 #9A857A #A8706C #B3585F #BC3B52

Color Mixing

#3BBCA5

100%

#7BA18F

75:25

#9A857A

50:50

#AE6565

25:75

#BC3B52

100%

CSS Gradient Code

background: linear-gradient(to right, #3BBCA5, #BC3B52);
background: linear-gradient(135deg, #3BBCA5, #BC3B52);

Explore Each Color

#3BBCA5

View full color details

#BC3B52

View full color details

Related Comparisons