#B4CAF0

#B4CAF0

#F0DAB4

#F0DAB4

Contrast Ratio

1.22:1

Delta E

43.28

Very Different

50:50 Mix

#D5D2D2

Color Values

Format #B4CAF0 #F0DAB4
HEX #B4CAF0 #F0DAB4
RGB 180, 202, 240 240, 218, 180
HSL 218.0, 66.7%, 82.4% 38.0, 66.7%, 82.4%
HSV 218.0, 25.0%, 94.1% 38.0, 25.0%, 94.1%
CMYK 25.0%, 15.8%, 0.0%, 5.9% 0.0%, 9.2%, 25.0%, 5.9%
OKLCH 0.8352 0.0586 261.4 0.8969 0.0555 81.3

Contrast & Accessibility

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F0DAB4 → Background: #B4CAF0

The quick brown fox jumps over the lazy dog

Text: #B4CAF0 → Background: #F0DAB4

Color Difference (Delta E)

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

Gradient

#B4CAF0 #C0CDE6 #CBCFDC #D5D2D2 #DFD4C8 #E8D7BE #F0DAB4

Color Mixing

#B4CAF0

100%

#C6CEE1

75:25

#D5D2D2

50:50

#E3D6C3

25:75

#F0DAB4

100%

CSS Gradient Code

background: linear-gradient(to right, #B4CAF0, #F0DAB4);
background: linear-gradient(135deg, #B4CAF0, #F0DAB4);

Explore Each Color

#B4CAF0

View full color details

#F0DAB4

View full color details

Related Comparisons