#4160CC

#4160CC

#CCAD41

#CCAD41

Contrast Ratio

2.55:1

Delta E

122.71

Very Different

50:50 Mix

Color Values

Format #4160CC #CCAD41
HEX #4160CC #CCAD41
RGB 65, 96, 204 204, 173, 65
HSL 226.6, 57.7%, 52.7% 46.6, 57.7%, 52.7%
HSV 226.6, 68.1%, 80.0% 46.6, 68.1%, 80.0%
CMYK 68.1%, 52.9%, 0.0%, 20.0% 0.0%, 15.2%, 68.1%, 20.0%
OKLCH 0.5264 0.1711 268.0 0.7553 0.1294 92.8

Contrast & Accessibility

2.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCAD41 β†’ Background: #4160CC

The quick brown fox jumps over the lazy dog

Text: #4160CC β†’ Background: #CCAD41

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #4160CC, #CCAD41);
background: linear-gradient(135deg, #4160CC, #CCAD41);

Explore Each Color

Related Comparisons