#AFBCF0

#AFBCF0

#F0E3AF

#F0E3AF

Contrast Ratio

1.45:1

Delta E

56.85

Very Different

50:50 Mix

#D3CFD0

Color Values

Format #AFBCF0 #F0E3AF
HEX #AFBCF0 #F0E3AF
RGB 175, 188, 240 240, 227, 175
HSL 228.0, 68.4%, 81.4% 48.0, 68.4%, 81.4%
HSV 228.0, 27.1%, 94.1% 48.0, 27.1%, 94.1%
CMYK 27.1%, 21.7%, 0.0%, 5.9% 0.0%, 5.4%, 27.1%, 5.9%
OKLCH 0.8033 0.0752 273.7 0.9136 0.0687 95.7

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F0E3AF → Background: #AFBCF0

The quick brown fox jumps over the lazy dog

Text: #AFBCF0 → Background: #F0E3AF

Color Difference (Delta E)

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

Gradient

#AFBCF0 #BCC2E6 #C8C9DB #D3CFD0 #DED6C5 #E7DCBA #F0E3AF

Color Mixing

#AFBCF0

100%

#C3C5E0

75:25

#D3CFD0

50:50

#E2D9C0

25:75

#F0E3AF

100%

CSS Gradient Code

background: linear-gradient(to right, #AFBCF0, #F0E3AF);
background: linear-gradient(135deg, #AFBCF0, #F0E3AF);

Explore Each Color

#AFBCF0

View full color details

#F0E3AF

View full color details

Related Comparisons