#666AC7

#666AC7

#C7C366

#C7C366

Contrast Ratio

2.57:1

Delta E

106.12

Very Different

50:50 Mix

Color Values

Format #666AC7 #C7C366
HEX #666AC7 #C7C366
RGB 102, 106, 199 199, 195, 102
HSL 237.5, 46.4%, 59.0% 57.5, 46.4%, 59.0%
HSV 237.5, 48.7%, 78.0% 57.5, 48.7%, 78.0%
CMYK 48.7%, 46.7%, 0.0%, 22.0% 0.0%, 2.0%, 48.7%, 22.0%
OKLCH 0.5659 0.1413 279.0 0.8009 0.1159 106.5

Contrast & Accessibility

2.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C7C366 β†’ Background: #666AC7

The quick brown fox jumps over the lazy dog

Text: #666AC7 β†’ Background: #C7C366

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #666AC7, #C7C366);
background: linear-gradient(135deg, #666AC7, #C7C366);

Explore Each Color

Related Comparisons