#BFD3F4

#BFD3F4

#F4E0BF

#F4E0BF

Contrast Ratio

1.18:1

Delta E

37.57

Very Different

50:50 Mix

#DCD9DA

Color Values

Format #BFD3F4 #F4E0BF
HEX #BFD3F4 #F4E0BF
RGB 191, 211, 244 244, 224, 191
HSL 217.4, 70.7%, 85.3% 37.4, 70.7%, 85.3%
HSV 217.4, 21.7%, 95.7% 37.4, 21.7%, 95.7%
CMYK 21.7%, 13.5%, 0.0%, 4.3% 0.0%, 8.2%, 21.7%, 4.3%
OKLCH 0.8626 0.0509 260.4 0.9145 0.0487 80.3

Contrast & Accessibility

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4E0BF → Background: #BFD3F4

The quick brown fox jumps over the lazy dog

Text: #BFD3F4 → Background: #F4E0BF

Color Difference (Delta E)

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

Gradient

#BFD3F4 #C9D5EB #D3D7E3 #DCD9DA #E4DCD1 #ECDEC8 #F4E0BF

Color Mixing

#BFD3F4

100%

#CED6E7

75:25

#DCD9DA

50:50

#E9DDCC

25:75

#F4E0BF

100%

CSS Gradient Code

background: linear-gradient(to right, #BFD3F4, #F4E0BF);
background: linear-gradient(135deg, #BFD3F4, #F4E0BF);

Explore Each Color

#BFD3F4

View full color details

#F4E0BF

View full color details

Related Comparisons