#688ACB

#688ACB

#CBA968

#CBA968

Contrast Ratio

1.55:1

Delta E

76.54

Very Different

50:50 Mix

#A5999B

Color Values

Format #688ACB #CBA968
HEX #688ACB #CBA968
RGB 104, 138, 203 203, 169, 104
HSL 219.4, 48.8%, 60.2% 39.4, 48.8%, 60.2%
HSV 219.4, 48.8%, 79.6% 39.4, 48.8%, 79.6%
CMYK 48.8%, 32.0%, 0.0%, 20.4% 0.0%, 16.7%, 48.8%, 20.4%
OKLCH 0.6354 0.1057 262.7 0.7509 0.0925 82.7

Contrast & Accessibility

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CBA968 → Background: #688ACB

The quick brown fox jumps over the lazy dog

Text: #688ACB → Background: #CBA968

Color Difference (Delta E)

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

Gradient

#688ACB #818FBB #9594AB #A5999B #B39E8B #C0A37A #CBA968

Color Mixing

#688ACB

100%

#8C91B3

75:25

#A5999B

50:50

#BAA182

25:75

#CBA968

100%

CSS Gradient Code

background: linear-gradient(to right, #688ACB, #CBA968);
background: linear-gradient(135deg, #688ACB, #CBA968);

Explore Each Color

#688ACB

View full color details

#CBA968

View full color details

Related Comparisons