#CCCCF7

#CCCCF7

#F7F7CC

#F7F7CC

Contrast Ratio

1.41:1

Delta E

46.42

Very Different

50:50 Mix

#E3E1E2

Color Values

Format #CCCCF7 #F7F7CC
HEX #CCCCF7 #F7F7CC
RGB 204, 204, 247 247, 247, 204
HSL 240.0, 72.9%, 88.4% 60.0, 72.9%, 88.4%
HSV 240.0, 17.4%, 96.9% 60.0, 17.4%, 96.9%
CMYK 17.4%, 17.4%, 0.0%, 3.1% 0.0%, 0.0%, 17.4%, 3.1%
OKLCH 0.8592 0.0594 285.1 0.9654 0.0557 107.4

Contrast & Accessibility

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7F7CC → Background: #CCCCF7

The quick brown fox jumps over the lazy dog

Text: #CCCCF7 → Background: #F7F7CC

Color Difference (Delta E)

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

Gradient

#CCCCF7 #D4D3F0 #DCDAE9 #E3E1E2 #EAE8DB #F1F0D4 #F7F7CC

Color Mixing

#CCCCF7

100%

#D8D7ED

75:25

#E3E1E2

50:50

#EDECD7

25:75

#F7F7CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCCCF7, #F7F7CC);
background: linear-gradient(135deg, #CCCCF7, #F7F7CC);

Explore Each Color

#CCCCF7

View full color details

#F7F7CC

View full color details

Related Comparisons