#C4C4DF

#C4C4DF

#DFDFC4

#DFDFC4

Contrast Ratio

1.26:1

Delta E

29.58

Very Different

50:50 Mix

#D2D1D2

Color Values

Format #C4C4DF #DFDFC4
HEX #C4C4DF #DFDFC4
RGB 196, 196, 223 223, 223, 196
HSL 240.0, 29.7%, 82.2% 60.0, 29.7%, 82.2%
HSV 240.0, 12.1%, 87.5% 60.0, 12.1%, 87.5%
CMYK 12.1%, 12.1%, 0.0%, 12.5% 0.0%, 0.0%, 12.1%, 12.5%
OKLCH 0.8288 0.0375 285.6 0.8965 0.036 107.1

Contrast & Accessibility

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFDFC4 → Background: #C4C4DF

The quick brown fox jumps over the lazy dog

Text: #C4C4DF → Background: #DFDFC4

Color Difference (Delta E)

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

Gradient

#C4C4DF #C9C8DB #CECDD6 #D2D1D2 #D7D6CD #DBDAC9 #DFDFC4

Color Mixing

#C4C4DF

100%

#CBCBD8

75:25

#D2D1D2

50:50

#D9D8CB

25:75

#DFDFC4

100%

CSS Gradient Code

background: linear-gradient(to right, #C4C4DF, #DFDFC4);
background: linear-gradient(135deg, #C4C4DF, #DFDFC4);

Explore Each Color

#C4C4DF

View full color details

#DFDFC4

View full color details

Related Comparisons