#979ACC

#979ACC

#CCC997

#CCC997

Contrast Ratio

1.58:1

Delta E

56.16

Very Different

50:50 Mix

#B5B1B2

Color Values

Format #979ACC #CCC997
HEX #979ACC #CCC997
RGB 151, 154, 204 204, 201, 151
HSL 236.6, 34.2%, 69.6% 56.6, 34.2%, 69.6%
HSV 236.6, 26.0%, 80.0% 56.6, 26.0%, 80.0%
CMYK 26.0%, 24.5%, 0.0%, 20.0% 0.0%, 1.5%, 26.0%, 20.0%
OKLCH 0.702 0.073 281.7 0.826 0.0664 104.9

Contrast & Accessibility

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC997 → Background: #979ACC

The quick brown fox jumps over the lazy dog

Text: #979ACC → Background: #CCC997

Color Difference (Delta E)

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

Gradient

#979ACC #A2A2C4 #ACA9BB #B5B1B2 #BDB9AA #C5C1A0 #CCC997

Color Mixing

#979ACC

100%

#A7A5BF

75:25

#B5B1B2

50:50

#C1BDA5

25:75

#CCC997

100%

CSS Gradient Code

background: linear-gradient(to right, #979ACC, #CCC997);
background: linear-gradient(135deg, #979ACC, #CCC997);

Explore Each Color

#979ACC

View full color details

#CCC997

View full color details

Related Comparisons