#2099DF

#2099DF

#DF6620

#DF6620

Contrast Ratio

1.1:1

Delta E

114.2

Very Different

50:50 Mix

#B18282

Color Values

Format #2099DF #DF6620
HEX #2099DF #DF6620
RGB 32, 153, 223 223, 102, 32
HSL 202.0, 74.9%, 50.0% 22.0, 74.9%, 50.0%
HSV 202.0, 85.7%, 87.5% 22.0, 85.7%, 87.5%
CMYK 85.7%, 31.4%, 0.0%, 12.5% 0.0%, 54.3%, 85.7%, 12.5%
OKLCH 0.6535 0.1437 241.2 0.6488 0.1694 45.7

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF6620 → Background: #2099DF

The quick brown fox jumps over the lazy dog

Text: #2099DF → Background: #DF6620

Color Difference (Delta E)

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

Gradient

#2099DF #7491C0 #988AA1 #B18282 #C47964 #D37045 #DF6620

Color Mixing

#2099DF

100%

#888EB0

75:25

#B18282

50:50

#CB7555

25:75

#DF6620

100%

CSS Gradient Code

background: linear-gradient(to right, #2099DF, #DF6620);
background: linear-gradient(135deg, #2099DF, #DF6620);

Explore Each Color

#2099DF

View full color details

#DF6620

View full color details

Related Comparisons