#3774DC

#3774DC

#DC9F37

#DC9F37

Contrast Ratio

1.93:1

Delta E

120.63

Very Different

50:50 Mix

Color Values

Format #3774DC #DC9F37
HEX #3774DC #DC9F37
RGB 55, 116, 220 220, 159, 55
HSL 217.8, 70.2%, 53.9% 37.8, 70.2%, 53.9%
HSV 217.8, 75.0%, 86.3% 37.8, 75.0%, 86.3%
CMYK 75.0%, 47.3%, 0.0%, 13.7% 0.0%, 27.7%, 75.0%, 13.7%
OKLCH 0.5747 0.1714 260.4 0.7435 0.1361 76.6

Contrast & Accessibility

1.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DC9F37 β†’ Background: #3774DC

The quick brown fox jumps over the lazy dog

Text: #3774DC β†’ Background: #DC9F37

Color Difference (Delta E)

120.63 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3774DC, #DC9F37);
background: linear-gradient(135deg, #3774DC, #DC9F37);

Explore Each Color

Related Comparisons