#BACCF1

#BACCF1

#F1DFBA

#F1DFBA

Contrast Ratio

1.23:1

Delta E

41.34

Very Different

50:50 Mix

#D8D5D6

Color Values

Format #BACCF1 #F1DFBA
HEX #BACCF1 #F1DFBA
RGB 186, 204, 241 241, 223, 186
HSL 220.4, 66.3%, 83.7% 40.4, 66.3%, 83.7%
HSV 220.4, 22.8%, 94.5% 40.4, 22.8%, 94.5%
CMYK 22.8%, 15.4%, 0.0%, 5.5% 0.0%, 7.5%, 22.8%, 5.5%
OKLCH 0.8438 0.0555 264.7 0.9089 0.0524 85.1

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1DFBA → Background: #BACCF1

The quick brown fox jumps over the lazy dog

Text: #BACCF1 → Background: #F1DFBA

Color Difference (Delta E)

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

Gradient

#BACCF1 #C5CFE8 #CFD2DF #D8D5D6 #E1D8CD #E9DCC3 #F1DFBA

Color Mixing

#BACCF1

100%

#CAD1E3

75:25

#D8D5D6

50:50

#E5DAC8

25:75

#F1DFBA

100%

CSS Gradient Code

background: linear-gradient(to right, #BACCF1, #F1DFBA);
background: linear-gradient(135deg, #BACCF1, #F1DFBA);

Explore Each Color

#BACCF1

View full color details

#F1DFBA

View full color details

Related Comparisons