#BACCF3

#BACCF3

#F3E1BA

#F3E1BA

Contrast Ratio

1.25:1

Delta E

43.37

Very Different

50:50 Mix

#D9D6D7

Color Values

Format #BACCF3 #F3E1BA
HEX #BACCF3 #F3E1BA
RGB 186, 204, 243 243, 225, 186
HSL 221.1, 70.4%, 84.1% 41.1, 70.4%, 84.1%
HSV 221.1, 23.5%, 95.3% 41.1, 23.5%, 95.3%
CMYK 23.5%, 16.0%, 0.0%, 4.7% 0.0%, 7.4%, 23.5%, 4.7%
OKLCH 0.8445 0.0581 265.6 0.9145 0.0547 86.1

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3E1BA → Background: #BACCF3

The quick brown fox jumps over the lazy dog

Text: #BACCF3 → Background: #F3E1BA

Color Difference (Delta E)

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

Gradient

#BACCF3 #C5CFEA #D0D3E0 #D9D6D7 #E2DACD #EBDDC4 #F3E1BA

Color Mixing

#BACCF3

100%

#CBD1E5

75:25

#D9D6D7

50:50

#E7DCC9

25:75

#F3E1BA

100%

CSS Gradient Code

background: linear-gradient(to right, #BACCF3, #F3E1BA);
background: linear-gradient(135deg, #BACCF3, #F3E1BA);

Explore Each Color

#BACCF3

View full color details

#F3E1BA

View full color details

Related Comparisons