#B4F7DF

#B4F7DF

#F7B4CC

#F7B4CC

Contrast Ratio

1.4:1

Delta E

55.39

Very Different

50:50 Mix

#DBD7D5

Color Values

Format #B4F7DF #F7B4CC
HEX #B4F7DF #F7B4CC
RGB 180, 247, 223 247, 180, 204
HSL 158.5, 80.7%, 83.7% 338.5, 80.7%, 83.7%
HSV 158.5, 27.1%, 96.9% 338.5, 27.1%, 96.9%
CMYK 27.1%, 0.0%, 9.7%, 3.1% 0.0%, 27.1%, 17.4%, 3.1%
OKLCH 0.9248 0.0746 170.5 0.8388 0.0832 355.8

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: #F7B4CC → Background: #B4F7DF

The quick brown fox jumps over the lazy dog

Text: #B4F7DF → Background: #F7B4CC

Color Difference (Delta E)

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

Gradient

#B4F7DF #C3EDDC #CFE2D9 #DBD7D5 #E5CCD2 #EEC0CF #F7B4CC

Color Mixing

#B4F7DF

100%

#C9E7DA

75:25

#DBD7D5

50:50

#EAC6D1

25:75

#F7B4CC

100%

CSS Gradient Code

background: linear-gradient(to right, #B4F7DF, #F7B4CC);
background: linear-gradient(135deg, #B4F7DF, #F7B4CC);

Explore Each Color

#B4F7DF

View full color details

#F7B4CC

View full color details

Related Comparisons