#1661DF

#1661DF

#DF9416

#DF9416

Contrast Ratio

2.2:1

Delta E

140.59

Very Different

50:50 Mix

#AC7787

Color Values

Format #1661DF #DF9416
HEX #1661DF #DF9416
RGB 22, 97, 223 223, 148, 22
HSL 217.6, 82.0%, 48.0% 37.6, 82.0%, 48.0%
HSV 217.6, 90.1%, 87.5% 37.6, 90.1%, 87.5%
CMYK 90.1%, 56.5%, 0.0%, 12.5% 0.0%, 33.6%, 90.1%, 12.5%
OKLCH 0.5291 0.205 260.7 0.7246 0.1505 72.1

Contrast & Accessibility

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9416 → Background: #1661DF

The quick brown fox jumps over the lazy dog

Text: #1661DF → Background: #DF9416

Color Difference (Delta E)

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

Gradient

#1661DF #6D67C2 #926EA5 #AC7787 #C08069 #D08A48 #DF9416

Color Mixing

#1661DF

100%

#826BB3

75:25

#AC7787

50:50

#C88559

25:75

#DF9416

100%

CSS Gradient Code

background: linear-gradient(to right, #1661DF, #DF9416);
background: linear-gradient(135deg, #1661DF, #DF9416);

Explore Each Color

#1661DF

View full color details

#DF9416

View full color details

Related Comparisons