#CCF7B4

#CCF7B4

#DFB4F7

#DFB4F7

Contrast Ratio

1.46:1

Delta E

77.74

Very Different

50:50 Mix

#D9D6D7

Color Values

Format #CCF7B4 #DFB4F7
HEX #CCF7B4 #DFB4F7
RGB 204, 247, 180 223, 180, 247
HSL 98.5, 80.7%, 83.7% 278.5, 80.7%, 83.7%
HSV 98.5, 27.1%, 96.9% 278.5, 27.1%, 96.9%
CMYK 17.4%, 0.0%, 27.1%, 3.1% 9.7%, 27.1%, 0.0%, 3.1%
OKLCH 0.9294 0.0988 134.6 0.8303 0.1024 313.2

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFB4F7 → Background: #CCF7B4

The quick brown fox jumps over the lazy dog

Text: #CCF7B4 → Background: #DFB4F7

Color Difference (Delta E)

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

Gradient

#CCF7B4 #D1ECC0 #D5E1CB #D9D6D7 #DCCBE2 #DEC0EC #DFB4F7

Color Mixing

#CCF7B4

100%

#D3E7C6

75:25

#D9D6D7

50:50

#DDC5E7

25:75

#DFB4F7

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF7B4, #DFB4F7);
background: linear-gradient(135deg, #CCF7B4, #DFB4F7);

Explore Each Color

#CCF7B4

View full color details

#DFB4F7

View full color details

Related Comparisons