#20B8DF

#20B8DF

#DF4720

#DF4720

Contrast Ratio

1.78:1

Delta E

117.85

Very Different

50:50 Mix

#B7877F

Color Values

Format #20B8DF #DF4720
HEX #20B8DF #DF4720
RGB 32, 184, 223 223, 71, 32
HSL 192.3, 74.9%, 50.0% 12.3, 74.9%, 50.0%
HSV 192.3, 85.7%, 87.5% 12.3, 85.7%, 87.5%
CMYK 85.7%, 17.5%, 0.0%, 12.5% 0.0%, 68.2%, 85.7%, 12.5%
OKLCH 0.7265 0.1279 221.2 0.6096 0.195 34.8

Contrast & Accessibility

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF4720 → Background: #20B8DF

The quick brown fox jumps over the lazy dog

Text: #20B8DF → Background: #DF4720

Color Difference (Delta E)

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

Gradient

#20B8DF #7AA9BE #9F989E #B7877F #C87560 #D56041 #DF4720

Color Mixing

#20B8DF

100%

#8EA1AE

75:25

#B7877F

50:50

#CF6B50

25:75

#DF4720

100%

CSS Gradient Code

background: linear-gradient(to right, #20B8DF, #DF4720);
background: linear-gradient(135deg, #20B8DF, #DF4720);

Explore Each Color

#20B8DF

View full color details

#DF4720

View full color details

Related Comparisons