#AFBDF1

#AFBDF1

#F1E3AF

#F1E3AF

Contrast Ratio

1.44:1

Delta E

56.88

Very Different

50:50 Mix

#D4D0D1

Color Values

Format #AFBDF1 #F1E3AF
HEX #AFBDF1 #F1E3AF
RGB 175, 189, 241 241, 227, 175
HSL 227.3, 70.2%, 81.6% 47.3, 70.2%, 81.6%
HSV 227.3, 27.4%, 94.5% 47.3, 27.4%, 94.5%
CMYK 27.4%, 21.6%, 0.0%, 5.5% 0.0%, 5.8%, 27.4%, 5.5%
OKLCH 0.8057 0.0754 272.9 0.9145 0.0689 94.8

Contrast & Accessibility

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1E3AF → Background: #AFBDF1

The quick brown fox jumps over the lazy dog

Text: #AFBDF1 → Background: #F1E3AF

Color Difference (Delta E)

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

Gradient

#AFBDF1 #BDC3E6 #C9C9DC #D4D0D1 #DED6C6 #E8DCBB #F1E3AF

Color Mixing

#AFBDF1

100%

#C3C6E1

75:25

#D4D0D1

50:50

#E3D9C0

25:75

#F1E3AF

100%

CSS Gradient Code

background: linear-gradient(to right, #AFBDF1, #F1E3AF);
background: linear-gradient(135deg, #AFBDF1, #F1E3AF);

Explore Each Color

#AFBDF1

View full color details

#F1E3AF

View full color details

Related Comparisons