#A1B8F4

#A1B8F4

#F4DDA1

#F4DDA1

Contrast Ratio

1.47:1

Delta E

66.46

Very Different

50:50 Mix

#D1CACC

Color Values

Format #A1B8F4 #F4DDA1
HEX #A1B8F4 #F4DDA1
RGB 161, 184, 244 244, 221, 161
HSL 223.4, 79.0%, 79.4% 43.4, 79.0%, 79.4%
HSV 223.4, 34.0%, 95.7% 43.4, 34.0%, 95.7%
CMYK 34.0%, 24.6%, 0.0%, 4.3% 0.0%, 9.4%, 34.0%, 4.3%
OKLCH 0.7871 0.0896 268.1 0.9024 0.0808 89.5

Contrast & Accessibility

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4DDA1 → Background: #A1B8F4

The quick brown fox jumps over the lazy dog

Text: #A1B8F4 → Background: #F4DDA1

Color Difference (Delta E)

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

Gradient

#A1B8F4 #B3BEE7 #C3C4D9 #D1CACC #DED0BE #E9D7B0 #F4DDA1

Color Mixing

#A1B8F4

100%

#BBC1E0

75:25

#D1CACC

50:50

#E4D3B7

25:75

#F4DDA1

100%

CSS Gradient Code

background: linear-gradient(to right, #A1B8F4, #F4DDA1);
background: linear-gradient(135deg, #A1B8F4, #F4DDA1);

Explore Each Color

#A1B8F4

View full color details

#F4DDA1

View full color details

Related Comparisons