#AFBBF0

#AFBBF0

#F0E4AF

#F0E4AF

Contrast Ratio

1.47:1

Delta E

57.87

Very Different

50:50 Mix

#D3CFD0

Color Values

Format #AFBBF0 #F0E4AF
HEX #AFBBF0 #F0E4AF
RGB 175, 187, 240 240, 228, 175
HSL 228.9, 68.4%, 81.4% 48.9, 68.4%, 81.4%
HSV 228.9, 27.1%, 94.1% 48.9, 27.1%, 94.1%
CMYK 27.1%, 22.1%, 0.0%, 5.9% 0.0%, 5.0%, 27.1%, 5.9%
OKLCH 0.8013 0.0764 274.6 0.9156 0.0697 96.8

Contrast & Accessibility

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F0E4AF → Background: #AFBBF0

The quick brown fox jumps over the lazy dog

Text: #AFBBF0 → Background: #F0E4AF

Color Difference (Delta E)

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

Gradient

#AFBBF0 #BCC2E6 #C8C8DB #D3CFD0 #DED6C6 #E7DDBA #F0E4AF

Color Mixing

#AFBBF0

100%

#C3C5E0

75:25

#D3CFD0

50:50

#E2D9C0

25:75

#F0E4AF

100%

CSS Gradient Code

background: linear-gradient(to right, #AFBBF0, #F0E4AF);
background: linear-gradient(135deg, #AFBBF0, #F0E4AF);

Explore Each Color

#AFBBF0

View full color details

#F0E4AF

View full color details

Related Comparisons