#3DF8F2

#3DF8F2

#F83D43

#F83D43

Contrast Ratio

2.77:1

Delta E

130.47

Very Different

50:50 Mix

#D2A996

Color Values

Format #3DF8F2 #F83D43
HEX #3DF8F2 #F83D43
RGB 61, 248, 242 248, 61, 67
HSL 178.1, 93.0%, 60.6% 358.1, 93.0%, 60.6%
HSV 178.1, 75.4%, 97.3% 358.1, 75.4%, 97.3%
CMYK 75.4%, 0.0%, 2.4%, 2.7% 0.0%, 75.4%, 73.0%, 2.7%
OKLCH 0.8897 0.1422 191.6 0.6458 0.2221 24.6

Contrast & Accessibility

2.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F83D43 → Background: #3DF8F2

The quick brown fox jumps over the lazy dog

Text: #3DF8F2 → Background: #F83D43

Color Difference (Delta E)

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

Gradient

#3DF8F2 #91DFD3 #B8C5B4 #D2A996 #E38C79 #F06A5E #F83D43

Color Mixing

#3DF8F2

100%

#A7D2C3

75:25

#D2A996

50:50

#EA7C6B

25:75

#F83D43

100%

CSS Gradient Code

background: linear-gradient(to right, #3DF8F2, #F83D43);
background: linear-gradient(135deg, #3DF8F2, #F83D43);

Explore Each Color

#3DF8F2

View full color details

#F83D43

View full color details

Related Comparisons