#3CF0F0

#3CF0F0

#F03C3C

#F03C3C

Contrast Ratio

2.75:1

Delta E

127.51

Very Different

50:50 Mix

#CCA492

Color Values

Format #3CF0F0 #F03C3C
HEX #3CF0F0 #F03C3C
RGB 60, 240, 240 240, 60, 60
HSL 180.0, 85.7%, 58.8% 0.0, 85.7%, 58.8%
HSV 180.0, 75.0%, 94.1% 0.0, 75.0%, 94.1%
CMYK 75.0%, 0.0%, 0.0%, 5.9% 0.0%, 75.0%, 75.0%, 5.9%
OKLCH 0.87 0.1376 194.9 0.6305 0.2162 26.0

Contrast & Accessibility

2.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F03C3C → Background: #3CF0F0

The quick brown fox jumps over the lazy dog

Text: #3CF0F0 → Background: #F03C3C

Color Difference (Delta E)

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

Gradient

#3CF0F0 #8ED7D0 #B4BEB0 #CCA492 #DD8774 #E86758 #F03C3C

Color Mixing

#3CF0F0

100%

#A3CBC0

75:25

#CCA492

50:50

#E37866

25:75

#F03C3C

100%

CSS Gradient Code

background: linear-gradient(to right, #3CF0F0, #F03C3C);
background: linear-gradient(135deg, #3CF0F0, #F03C3C);

Explore Each Color

#3CF0F0

View full color details

#F03C3C

View full color details

Related Comparisons