#31F0EB

#31F0EB

#F03136

#F03136

Contrast Ratio

2.85:1

Delta E

132.29

Very Different

50:50 Mix

Color Values

Format #31F0EB #F03136
HEX #31F0EB #F03136
RGB 49, 240, 235 240, 49, 54
HSL 178.4, 86.4%, 56.7% 358.4, 86.4%, 56.7%
HSV 178.4, 79.6%, 94.1% 358.4, 79.6%, 94.1%
CMYK 79.6%, 0.0%, 2.1%, 5.9% 0.0%, 79.6%, 77.5%, 5.9%
OKLCH 0.8667 0.1413 192.1 0.6215 0.2246 25.7

Contrast & Accessibility

2.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F03136 β†’ Background: #31F0EB

The quick brown fox jumps over the lazy dog

Text: #31F0EB β†’ Background: #F03136

Color Difference (Delta E)

132.29 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #31F0EB, #F03136);
background: linear-gradient(135deg, #31F0EB, #F03136);

Explore Each Color

Related Comparisons