#AFD2F5

#AFD2F5

#F5D2AF

#F5D2AF

Contrast Ratio

1.1:1

Delta E

44.36

Very Different

50:50 Mix

#D7D2D2

Color Values

Format #AFD2F5 #F5D2AF
HEX #AFD2F5 #F5D2AF
RGB 175, 210, 245 245, 210, 175
HSL 210.0, 77.8%, 82.4% 30.0, 77.8%, 82.4%
HSV 210.0, 28.6%, 96.1% 30.0, 28.6%, 96.1%
CMYK 28.6%, 14.3%, 0.0%, 3.9% 0.0%, 14.3%, 28.6%, 3.9%
OKLCH 0.8501 0.0616 248.6 0.8847 0.0607 66.9

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5D2AF → Background: #AFD2F5

The quick brown fox jumps over the lazy dog

Text: #AFD2F5 → Background: #F5D2AF

Color Difference (Delta E)

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

Gradient

#AFD2F5 #BED2E9 #CBD2DE #D7D2D2 #E2D2C7 #ECD2BB #F5D2AF

Color Mixing

#AFD2F5

100%

#C5D2E4

75:25

#D7D2D2

50:50

#E7D2C1

25:75

#F5D2AF

100%

CSS Gradient Code

background: linear-gradient(to right, #AFD2F5, #F5D2AF);
background: linear-gradient(135deg, #AFD2F5, #F5D2AF);

Explore Each Color

#AFD2F5

View full color details

#F5D2AF

View full color details

Related Comparisons