#AFBAF4

#AFBAF4

#F4E9AF

#F4E9AF

Contrast Ratio

1.54:1

Delta E

63.1

Very Different

50:50 Mix

#D6D1D3

Color Values

Format #AFBAF4 #F4E9AF
HEX #AFBAF4 #F4E9AF
RGB 175, 186, 244 244, 233, 175
HSL 230.4, 75.8%, 82.2% 50.4, 75.8%, 82.2%
HSV 230.4, 28.3%, 95.7% 50.4, 28.3%, 95.7%
CMYK 28.3%, 23.8%, 0.0%, 4.3% 0.0%, 4.5%, 28.3%, 4.3%
OKLCH 0.8009 0.0832 276.0 0.9289 0.0754 98.6

Contrast & Accessibility

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4E9AF → Background: #AFBAF4

The quick brown fox jumps over the lazy dog

Text: #AFBAF4 → Background: #F4E9AF

Color Difference (Delta E)

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

Gradient

#AFBAF4 #BDC2E9 #CAC9DE #D6D1D3 #E1D9C7 #EBE1BB #F4E9AF

Color Mixing

#AFBAF4

100%

#C4C5E3

75:25

#D6D1D3

50:50

#E6DDC1

25:75

#F4E9AF

100%

CSS Gradient Code

background: linear-gradient(to right, #AFBAF4, #F4E9AF);
background: linear-gradient(135deg, #AFBAF4, #F4E9AF);

Explore Each Color

#AFBAF4

View full color details

#F4E9AF

View full color details

Related Comparisons