#20CADF

#20CADF

#DF3520

#DF3520

Contrast Ratio

2.27:1

Delta E

123.74

Very Different

50:50 Mix

Color Values

Format #20CADF #DF3520
HEX #20CADF #DF3520
RGB 32, 202, 223 223, 53, 32
HSL 186.6, 74.9%, 50.0% 6.6, 74.9%, 50.0%
HSV 186.6, 85.7%, 87.5% 6.6, 85.7%, 87.5%
CMYK 85.7%, 9.4%, 0.0%, 12.5% 0.0%, 76.2%, 85.7%, 12.5%
OKLCH 0.7696 0.1279 208.5 0.5926 0.2089 30.8

Contrast & Accessibility

2.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF3520 β†’ Background: #20CADF

The quick brown fox jumps over the lazy dog

Text: #20CADF β†’ Background: #DF3520

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #20CADF, #DF3520);
background: linear-gradient(135deg, #20CADF, #DF3520);

Explore Each Color

Related Comparisons