#CDCCF6

#CDCCF6

#F5F6CC

#F5F6CC

Contrast Ratio

1.4:1

Delta E

45.33

Very Different

50:50 Mix

#E3E1E2

Color Values

Format #CDCCF6 #F5F6CC
HEX #CDCCF6 #F5F6CC
RGB 205, 204, 246 245, 246, 204
HSL 241.4, 70.0%, 88.2% 61.4, 70.0%, 88.2%
HSV 241.4, 17.1%, 96.5% 61.4, 17.1%, 96.5%
CMYK 16.7%, 17.1%, 0.0%, 3.5% 0.4%, 0.0%, 17.1%, 3.5%
OKLCH 0.8596 0.058 286.2 0.9618 0.0545 108.5

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5F6CC → Background: #CDCCF6

The quick brown fox jumps over the lazy dog

Text: #CDCCF6 → Background: #F5F6CC

Color Difference (Delta E)

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

Gradient

#CDCCF6 #D5D3EF #DCDAE8 #E3E1E2 #E9E8DB #EFEFD3 #F5F6CC

Color Mixing

#CDCCF6

100%

#D8D6EC

75:25

#E3E1E2

50:50

#ECEBD7

25:75

#F5F6CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CDCCF6, #F5F6CC);
background: linear-gradient(135deg, #CDCCF6, #F5F6CC);

Explore Each Color

#CDCCF6

View full color details

#F5F6CC

View full color details

Related Comparisons