#ABABCF

#ABABCF

#CFCFAB

#CFCFAB

Contrast Ratio

1.39:1

Delta E

40.17

Very Different

50:50 Mix

#BEBDBD

Color Values

Format #ABABCF #CFCFAB
HEX #ABABCF #CFCFAB
RGB 171, 171, 207 207, 207, 171
HSL 240.0, 27.3%, 74.1% 60.0, 27.3%, 74.1%
HSV 240.0, 17.4%, 81.2% 60.0, 17.4%, 81.2%
CMYK 17.4%, 17.4%, 0.0%, 18.8% 0.0%, 0.0%, 17.4%, 18.8%
OKLCH 0.7533 0.0514 285.1 0.8452 0.0483 107.4

Contrast & Accessibility

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CFCFAB → Background: #ABABCF

The quick brown fox jumps over the lazy dog

Text: #ABABCF → Background: #CFCFAB

Color Difference (Delta E)

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

Gradient

#ABABCF #B2B1C9 #B8B7C3 #BEBDBD #C4C3B7 #CAC9B1 #CFCFAB

Color Mixing

#ABABCF

100%

#B5B4C6

75:25

#BEBDBD

50:50

#C7C6B4

25:75

#CFCFAB

100%

CSS Gradient Code

background: linear-gradient(to right, #ABABCF, #CFCFAB);
background: linear-gradient(135deg, #ABABCF, #CFCFAB);

Explore Each Color

#ABABCF

View full color details

#CFCFAB

View full color details

Related Comparisons