#8077CC

#8077CC

#C3CC77

#C3CC77

Contrast Ratio

2.25:1

Delta E

96.47

Very Different

50:50 Mix

Color Values

Format #8077CC #C3CC77
HEX #8077CC #C3CC77
RGB 128, 119, 204 195, 204, 119
HSL 246.4, 45.5%, 63.3% 66.4, 45.5%, 63.3%
HSV 246.4, 41.7%, 80.0% 66.4, 41.7%, 80.0%
CMYK 37.3%, 41.7%, 0.0%, 20.0% 4.4%, 0.0%, 41.7%, 20.0%
OKLCH 0.6143 0.1264 286.9 0.8193 0.1092 113.8

Contrast & Accessibility

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C3CC77 → Background: #8077CC

The quick brown fox jumps over the lazy dog

Text: #8077CC → Background: #C3CC77

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #8077CC, #C3CC77);
background: linear-gradient(135deg, #8077CC, #C3CC77);

Explore Each Color

Related Comparisons