#3FF2F3

#3FF2F3

#F3403F

#F3403F

Contrast Ratio

2.71:1

Delta E

127.04

Very Different

50:50 Mix

#CEA695

Color Values

Format #3FF2F3 #F3403F
HEX #3FF2F3 #F3403F
RGB 63, 242, 243 243, 64, 63
HSL 180.3, 88.2%, 60.0% 0.3, 88.2%, 60.0%
HSV 180.3, 74.1%, 95.3% 0.3, 74.1%, 95.3%
CMYK 74.1%, 0.4%, 0.0%, 4.7% 0.0%, 73.7%, 74.1%, 4.7%
OKLCH 0.8763 0.1377 195.5 0.6393 0.2156 26.0

Contrast & Accessibility

2.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3403F → Background: #3FF2F3

The quick brown fox jumps over the lazy dog

Text: #3FF2F3 → Background: #F3403F

Color Difference (Delta E)

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

Gradient

#3FF2F3 #90DAD3 #B6C0B3 #CEA695 #DF8A77 #EB6A5B #F3403F

Color Mixing

#3FF2F3

100%

#A5CDC3

75:25

#CEA695

50:50

#E67B69

25:75

#F3403F

100%

CSS Gradient Code

background: linear-gradient(to right, #3FF2F3, #F3403F);
background: linear-gradient(135deg, #3FF2F3, #F3403F);

Explore Each Color

#3FF2F3

View full color details

#F3403F

View full color details

Related Comparisons