#0DF2B4

#0DF2B4

#F20D4B

#F20D4B

Contrast Ratio

2.91:1

Delta E

144.51

Very Different

50:50 Mix

#C4A17C

Color Values

Format #0DF2B4 #F20D4B
HEX #0DF2B4 #F20D4B
RGB 13, 242, 180 242, 13, 75
HSL 163.8, 89.8%, 50.0% 343.8, 89.8%, 50.0%
HSV 163.8, 94.6%, 94.9% 343.8, 94.6%, 94.9%
CMYK 94.6%, 0.0%, 25.6%, 5.1% 0.0%, 94.6%, 69.0%, 5.1%
OKLCH 0.8528 0.1757 166.0 0.6122 0.2414 17.4

Contrast & Accessibility

2.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F20D4B → Background: #0DF2B4

The quick brown fox jumps over the lazy dog

Text: #0DF2B4 → Background: #F20D4B

Color Difference (Delta E)

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

Gradient

#0DF2B4 #7FD8A1 #A8BD8E #C4A17C #D8816B #E75A5B #F20D4B

Color Mixing

#0DF2B4

100%

#96CB98

75:25

#C4A17C

50:50

#E06F63

25:75

#F20D4B

100%

CSS Gradient Code

background: linear-gradient(to right, #0DF2B4, #F20D4B);
background: linear-gradient(135deg, #0DF2B4, #F20D4B);

Explore Each Color

#0DF2B4

View full color details

#F20D4B

View full color details

Related Comparisons