#20A4DF

#20A4DF

#DF5B20

#DF5B20

Contrast Ratio

1.32:1

Delta E

114.22

Very Different

50:50 Mix

#B38381

Color Values

Format #20A4DF #DF5B20
HEX #20A4DF #DF5B20
RGB 32, 164, 223 223, 91, 32
HSL 198.5, 74.9%, 50.0% 18.5, 74.9%, 50.0%
HSV 198.5, 85.7%, 87.5% 18.5, 85.7%, 87.5%
CMYK 85.7%, 26.5%, 0.0%, 12.5% 0.0%, 59.2%, 85.7%, 12.5%
OKLCH 0.6791 0.136 234.7 0.6336 0.1783 41.2

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF5B20 → Background: #20A4DF

The quick brown fox jumps over the lazy dog

Text: #20A4DF → Background: #DF5B20

Color Difference (Delta E)

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

Gradient

#20A4DF #769ABF #9A8FA0 #B38381 #C57762 #D36A43 #DF5B20

Color Mixing

#20A4DF

100%

#8A94AF

75:25

#B38381

50:50

#CD7153

25:75

#DF5B20

100%

CSS Gradient Code

background: linear-gradient(to right, #20A4DF, #DF5B20);
background: linear-gradient(135deg, #20A4DF, #DF5B20);

Explore Each Color

#20A4DF

View full color details

#DF5B20

View full color details

Related Comparisons