#3BBC96

#3BBC96

#BC3B61

#BC3B61

Contrast Ratio

2.24:1

Delta E

101.08

Very Different

50:50 Mix

#98857B

Color Values

Format #3BBC96 #BC3B61
HEX #3BBC96 #BC3B61
RGB 59, 188, 150 188, 59, 97
HSL 162.3, 52.2%, 48.4% 342.3, 52.2%, 48.4%
HSV 162.3, 68.6%, 73.7% 342.3, 68.6%, 73.7%
CMYK 68.6%, 0.0%, 20.2%, 26.3% 0.0%, 68.6%, 48.4%, 26.3%
OKLCH 0.7156 0.125 169.2 0.549 0.1665 6.7

Contrast & Accessibility

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC3B61 → Background: #3BBC96

The quick brown fox jumps over the lazy dog

Text: #3BBC96 → Background: #BC3B61

Color Difference (Delta E)

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

Gradient

#3BBC96 #6AAB8D #849884 #98857B #A77172 #B25969 #BC3B61

Color Mixing

#3BBC96

100%

#78A288

75:25

#98857B

50:50

#AD656E

25:75

#BC3B61

100%

CSS Gradient Code

background: linear-gradient(to right, #3BBC96, #BC3B61);
background: linear-gradient(135deg, #3BBC96, #BC3B61);

Explore Each Color

#3BBC96

View full color details

#BC3B61

View full color details

Related Comparisons