#20A7DF

#20A7DF

#DF5820

#DF5820

Contrast Ratio

1.38:1

Delta E

114.49

Very Different

50:50 Mix

#B38481

Color Values

Format #20A7DF #DF5820
HEX #20A7DF #DF5820
RGB 32, 167, 223 223, 88, 32
HSL 197.6, 74.9%, 50.0% 17.6, 74.9%, 50.0%
HSV 197.6, 85.7%, 87.5% 17.6, 85.7%, 87.5%
CMYK 85.7%, 25.1%, 0.0%, 12.5% 0.0%, 60.5%, 85.7%, 12.5%
OKLCH 0.6862 0.1343 232.8 0.6297 0.1808 40.1

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF5820 → Background: #20A7DF

The quick brown fox jumps over the lazy dog

Text: #20A7DF → Background: #DF5820

Color Difference (Delta E)

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

Gradient

#20A7DF #769CBF #9B909F #B38481 #C57762 #D46843 #DF5820

Color Mixing

#20A7DF

100%

#8B96AF

75:25

#B38481

50:50

#CD7053

25:75

#DF5820

100%

CSS Gradient Code

background: linear-gradient(to right, #20A7DF, #DF5820);
background: linear-gradient(135deg, #20A7DF, #DF5820);

Explore Each Color

#20A7DF

View full color details

#DF5820

View full color details

Related Comparisons