#3FF8F2

#3FF8F2

#F83F45

#F83F45

Contrast Ratio

2.75:1

Delta E

129.42

Very Different

50:50 Mix

#D2AA97

Color Values

Format #3FF8F2 #F83F45
HEX #3FF8F2 #F83F45
RGB 63, 248, 242 248, 63, 69
HSL 178.1, 93.0%, 61.0% 358.1, 93.0%, 61.0%
HSV 178.1, 74.6%, 97.3% 358.1, 74.6%, 97.3%
CMYK 74.6%, 0.0%, 2.4%, 2.7% 0.0%, 74.6%, 72.2%, 2.7%
OKLCH 0.89 0.1415 191.6 0.6477 0.2204 24.4

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: #F83F45 → Background: #3FF8F2

The quick brown fox jumps over the lazy dog

Text: #3FF8F2 → Background: #F83F45

Color Difference (Delta E)

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

Gradient

#3FF8F2 #91DFD3 #B8C5B5 #D2AA97 #E38D7B #EF6C5F #F83F45

Color Mixing

#3FF8F2

100%

#A7D2C4

75:25

#D2AA97

50:50

#EA7D6D

25:75

#F83F45

100%

CSS Gradient Code

background: linear-gradient(to right, #3FF8F2, #F83F45);
background: linear-gradient(135deg, #3FF8F2, #F83F45);

Explore Each Color

#3FF8F2

View full color details

#F83F45

View full color details

Related Comparisons