#20C2DF

#20C2DF

#DF3D20

#DF3D20

Contrast Ratio

2.04:1

Delta E

120.92

Very Different

50:50 Mix

#B98A7E

Color Values

Format #20C2DF #DF3D20
HEX #20C2DF #DF3D20
RGB 32, 194, 223 223, 61, 32
HSL 189.1, 74.9%, 50.0% 9.1, 74.9%, 50.0%
HSV 189.1, 85.7%, 87.5% 9.1, 85.7%, 87.5%
CMYK 85.7%, 13.0%, 0.0%, 12.5% 0.0%, 72.6%, 85.7%, 12.5%
OKLCH 0.7504 0.1271 214.1 0.5996 0.203 32.4

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF3D20 → Background: #20C2DF

The quick brown fox jumps over the lazy dog

Text: #20C2DF → Background: #DF3D20

Color Difference (Delta E)

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

Gradient

#20C2DF #7CB0BE #A19E9D #B98A7E #CA755F #D65C40 #DF3D20

Color Mixing

#20C2DF

100%

#91A7AD

75:25

#B98A7E

50:50

#D0694F

25:75

#DF3D20

100%

CSS Gradient Code

background: linear-gradient(to right, #20C2DF, #DF3D20);
background: linear-gradient(135deg, #20C2DF, #DF3D20);

Explore Each Color

#20C2DF

View full color details

#DF3D20

View full color details

Related Comparisons