#AFD7F0

#AFD7F0

#F0C8AF

#F0C8AF

Contrast Ratio

1.02:1

Delta E

38.8

Very Different

50:50 Mix

#D4D0CF

Color Values

Format #AFD7F0 #F0C8AF
HEX #AFD7F0 #F0C8AF
RGB 175, 215, 240 240, 200, 175
HSL 203.1, 68.4%, 81.4% 23.1, 68.4%, 81.4%
HSV 203.1, 27.1%, 94.1% 23.1, 27.1%, 94.1%
CMYK 27.1%, 10.4%, 0.0%, 5.9% 0.0%, 16.7%, 27.1%, 5.9%
OKLCH 0.8588 0.0546 235.7 0.8609 0.0567 53.8

Contrast & Accessibility

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F0C8AF → Background: #AFD7F0

The quick brown fox jumps over the lazy dog

Text: #AFD7F0 → Background: #F0C8AF

Color Difference (Delta E)

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

Gradient

#AFD7F0 #BDD5E5 #C9D2DA #D4D0CF #DECDC5 #E7CBBA #F0C8AF

Color Mixing

#AFD7F0

100%

#C3D3E0

75:25

#D4D0CF

50:50

#E3CCBF

25:75

#F0C8AF

100%

CSS Gradient Code

background: linear-gradient(to right, #AFD7F0, #F0C8AF);
background: linear-gradient(135deg, #AFD7F0, #F0C8AF);

Explore Each Color

#AFD7F0

View full color details

#F0C8AF

View full color details

Related Comparisons