#AFB7F0

#AFB7F0

#F0E8AF

#F0E8AF

Contrast Ratio

1.55:1

Delta E

62.1

Very Different

50:50 Mix

#D3CFD1

Color Values

Format #AFB7F0 #F0E8AF
HEX #AFB7F0 #F0E8AF
RGB 175, 183, 240 240, 232, 175
HSL 232.6, 68.4%, 81.4% 52.6, 68.4%, 81.4%
HSV 232.6, 27.1%, 94.1% 52.6, 27.1%, 94.1%
CMYK 27.1%, 23.8%, 0.0%, 5.9% 0.0%, 3.3%, 27.1%, 5.9%
OKLCH 0.7933 0.0814 278.2 0.9237 0.0739 101.0

Contrast & Accessibility

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F0E8AF → Background: #AFB7F0

The quick brown fox jumps over the lazy dog

Text: #AFB7F0 → Background: #F0E8AF

Color Difference (Delta E)

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

Gradient

#AFB7F0 #BCBFE6 #C8C7DB #D3CFD1 #DED7C6 #E7E0BB #F0E8AF

Color Mixing

#AFB7F0

100%

#C3C3E0

75:25

#D3CFD1

50:50

#E2DBC0

25:75

#F0E8AF

100%

CSS Gradient Code

background: linear-gradient(to right, #AFB7F0, #F0E8AF);
background: linear-gradient(135deg, #AFB7F0, #F0E8AF);

Explore Each Color

#AFB7F0

View full color details

#F0E8AF

View full color details

Related Comparisons