#6A6BCD

#6A6BCD

#CDCC6A

#CDCC6A

Contrast Ratio

2.71:1

Delta E

111.34

Very Different

50:50 Mix

#A89AA0

Color Values

Format #6A6BCD #CDCC6A
HEX #6A6BCD #CDCC6A
RGB 106, 107, 205 205, 204, 106
HSL 239.4, 49.7%, 61.0% 59.4, 49.7%, 61.0%
HSV 239.4, 48.3%, 80.4% 59.4, 48.3%, 80.4%
CMYK 48.3%, 47.8%, 0.0%, 19.6% 0.0%, 0.5%, 48.3%, 19.6%
OKLCH 0.5746 0.1477 280.2 0.8256 0.1212 108.3

Contrast & Accessibility

2.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CDCC6A → Background: #6A6BCD

The quick brown fox jumps over the lazy dog

Text: #6A6BCD → Background: #CDCC6A

Color Difference (Delta E)

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

Gradient

#6A6BCD #847ABE #988AAF #A89AA0 #B6AA90 #C2BB7E #CDCC6A

Color Mixing

#6A6BCD

100%

#8E82B7

75:25

#A89AA0

50:50

#BCB387

25:75

#CDCC6A

100%

CSS Gradient Code

background: linear-gradient(to right, #6A6BCD, #CDCC6A);
background: linear-gradient(135deg, #6A6BCD, #CDCC6A);

Explore Each Color

#6A6BCD

View full color details

#CDCC6A

View full color details

Related Comparisons