#6874CC

#6874CC

#CCC068

#CCC068

Contrast Ratio

2.28:1

Delta E

99.87

Very Different

50:50 Mix

#A6989D

Color Values

Format #6874CC #CCC068
HEX #6874CC #CCC068
RGB 104, 116, 204 204, 192, 104
HSL 232.8, 49.5%, 60.4% 52.8, 49.5%, 60.4%
HSV 232.8, 49.0%, 80.0% 52.8, 49.0%, 80.0%
CMYK 49.0%, 43.1%, 0.0%, 20.0% 0.0%, 5.9%, 49.0%, 20.0%
OKLCH 0.5901 0.1344 275.6 0.7991 0.1106 101.6

Contrast & Accessibility

2.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC068 → Background: #6874CC

The quick brown fox jumps over the lazy dog

Text: #6874CC → Background: #CCC068

Color Difference (Delta E)

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

Gradient

#6874CC #8280BD #968CAD #A6989D #B4A58D #C1B37B #CCC068

Color Mixing

#6874CC

100%

#8C86B5

75:25

#A6989D

50:50

#BBAC84

25:75

#CCC068

100%

CSS Gradient Code

background: linear-gradient(to right, #6874CC, #CCC068);
background: linear-gradient(135deg, #6874CC, #CCC068);

Explore Each Color

#6874CC

View full color details

#CCC068

View full color details

Related Comparisons