#3FBC9D

#3FBC9D

#BC3F5E

#BC3F5E

Contrast Ratio

2.22:1

Delta E

96.98

Very Different

50:50 Mix

#99867C

Color Values

Format #3FBC9D #BC3F5E
HEX #3FBC9D #BC3F5E
RGB 63, 188, 157 188, 63, 94
HSL 165.1, 49.8%, 49.2% 345.1, 49.8%, 49.2%
HSV 165.1, 66.5%, 73.7% 345.1, 66.5%, 73.7%
CMYK 66.5%, 0.0%, 16.5%, 26.3% 0.0%, 66.5%, 50.0%, 26.3%
OKLCH 0.7185 0.1186 173.0 0.5526 0.1611 9.2

Contrast & Accessibility

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC3F5E → Background: #3FBC9D

The quick brown fox jumps over the lazy dog

Text: #3FBC9D → Background: #BC3F5E

Color Difference (Delta E)

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

Gradient

#3FBC9D #6CAB92 #869987 #99867C #A77272 #B35B68 #BC3F5E

Color Mixing

#3FBC9D

100%

#7AA28C

75:25

#99867C

50:50

#AD676D

25:75

#BC3F5E

100%

CSS Gradient Code

background: linear-gradient(to right, #3FBC9D, #BC3F5E);
background: linear-gradient(135deg, #3FBC9D, #BC3F5E);

Explore Each Color

#3FBC9D

View full color details

#BC3F5E

View full color details

Related Comparisons