#868FCC

#868FCC

#CCC386

#CCC386

Contrast Ratio

1.72:1

Delta E

68.83

Very Different

50:50 Mix

#AFA8AA

Color Values

Format #868FCC #CCC386
HEX #868FCC #CCC386
RGB 134, 143, 204 204, 195, 134
HSL 232.3, 40.7%, 66.3% 52.3, 40.7%, 66.3%
HSV 232.3, 34.3%, 80.0% 52.3, 34.3%, 80.0%
CMYK 34.3%, 29.9%, 0.0%, 20.0% 0.0%, 4.4%, 34.3%, 20.0%
OKLCH 0.6666 0.0911 277.2 0.8102 0.0804 100.8

Contrast & Accessibility

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC386 → Background: #868FCC

The quick brown fox jumps over the lazy dog

Text: #868FCC → Background: #CCC386

Color Difference (Delta E)

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

Gradient

#868FCC #9597C1 #A3A0B6 #AFA8AA #B9B19F #C3BA93 #CCC386

Color Mixing

#868FCC

100%

#9C9BBB

75:25

#AFA8AA

50:50

#BEB599

25:75

#CCC386

100%

CSS Gradient Code

background: linear-gradient(to right, #868FCC, #CCC386);
background: linear-gradient(135deg, #868FCC, #CCC386);

Explore Each Color

#868FCC

View full color details

#CCC386

View full color details

Related Comparisons