#7C80CC

#7C80CC

#CCC87C

#CCC87C

Contrast Ratio

2.08:1

Delta E

86.06

Very Different

50:50 Mix

#ACA3A6

Color Values

Format #7C80CC #CCC87C
HEX #7C80CC #CCC87C
RGB 124, 128, 204 204, 200, 124
HSL 237.0, 44.0%, 64.3% 57.0, 44.0%, 64.3%
HSV 237.0, 39.2%, 80.0% 57.0, 39.2%, 80.0%
CMYK 39.2%, 37.3%, 0.0%, 20.0% 0.0%, 2.0%, 39.2%, 20.0%
OKLCH 0.6287 0.1137 280.3 0.8189 0.0976 105.8

Contrast & Accessibility

2.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC87C → Background: #7C80CC

The quick brown fox jumps over the lazy dog

Text: #7C80CC → Background: #CCC87C

Color Difference (Delta E)

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

Gradient

#7C80CC #8F8BC0 #9E97B3 #ACA3A6 #B8AF99 #C2BB8B #CCC87C

Color Mixing

#7C80CC

100%

#9791BA

75:25

#ACA3A6

50:50

#BDB592

25:75

#CCC87C

100%

CSS Gradient Code

background: linear-gradient(to right, #7C80CC, #CCC87C);
background: linear-gradient(135deg, #7C80CC, #CCC87C);

Explore Each Color

#7C80CC

View full color details

#CCC87C

View full color details

Related Comparisons