#BACDF4

#BACDF4

#F4E1BA

#F4E1BA

Contrast Ratio

1.24:1

Delta E

43.52

Very Different

50:50 Mix

#DAD7D7

Color Values

Format #BACDF4 #F4E1BA
HEX #BACDF4 #F4E1BA
RGB 186, 205, 244 244, 225, 186
HSL 220.3, 72.5%, 84.3% 40.3, 72.5%, 84.3%
HSV 220.3, 23.8%, 95.7% 40.3, 23.8%, 95.7%
CMYK 23.8%, 16.0%, 0.0%, 4.3% 0.0%, 7.8%, 23.8%, 4.3%
OKLCH 0.8469 0.0585 264.7 0.9154 0.0551 85.1

Contrast & Accessibility

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4E1BA → Background: #BACDF4

The quick brown fox jumps over the lazy dog

Text: #BACDF4 → Background: #F4E1BA

Color Difference (Delta E)

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

Gradient

#BACDF4 #C6D0EB #D0D3E1 #DAD7D7 #E3DACE #ECDEC4 #F4E1BA

Color Mixing

#BACDF4

100%

#CBD2E6

75:25

#DAD7D7

50:50

#E8DCC9

25:75

#F4E1BA

100%

CSS Gradient Code

background: linear-gradient(to right, #BACDF4, #F4E1BA);
background: linear-gradient(135deg, #BACDF4, #F4E1BA);

Explore Each Color

#BACDF4

View full color details

#F4E1BA

View full color details

Related Comparisons