#396DCB

#396DCB

#CB9739

#CB9739

Contrast Ratio

1.9:1

Delta E

110.44

Very Different

50:50 Mix

Color Values

Format #396DCB #CB9739
HEX #396DCB #CB9739
RGB 57, 109, 203 203, 151, 57
HSL 218.6, 58.4%, 51.0% 38.6, 58.4%, 51.0%
HSV 218.6, 71.9%, 79.6% 38.6, 71.9%, 79.6%
CMYK 71.9%, 46.3%, 0.0%, 20.4% 0.0%, 25.6%, 71.9%, 20.4%
OKLCH 0.549 0.1563 261.1 0.7094 0.1247 78.8

Contrast & Accessibility

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CB9739 β†’ Background: #396DCB

The quick brown fox jumps over the lazy dog

Text: #396DCB β†’ Background: #CB9739

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #396DCB, #CB9739);
background: linear-gradient(135deg, #396DCB, #CB9739);

Explore Each Color

Related Comparisons