#AFB2F3

#AFB2F3

#F3F0AF

#F3F0AF

Contrast Ratio

1.71:1

Delta E

70.79

Very Different

50:50 Mix

#D5D0D2

Color Values

Format #AFB2F3 #F3F0AF
HEX #AFB2F3 #F3F0AF
RGB 175, 178, 243 243, 240, 175
HSL 237.4, 73.9%, 82.0% 57.4, 73.9%, 82.0%
HSV 237.4, 28.0%, 95.3% 57.4, 28.0%, 95.3%
CMYK 28.0%, 26.7%, 0.0%, 4.7% 0.0%, 1.2%, 28.0%, 4.7%
OKLCH 0.7847 0.0923 282.0 0.9422 0.083 105.7

Contrast & Accessibility

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3F0AF → Background: #AFB2F3

The quick brown fox jumps over the lazy dog

Text: #AFB2F3 → Background: #F3F0AF

Color Difference (Delta E)

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

Gradient

#AFB2F3 #BDBCE8 #CAC6DD #D5D0D2 #E0DBC7 #EAE5BB #F3F0AF

Color Mixing

#AFB2F3

100%

#C4C1E3

75:25

#D5D0D2

50:50

#E5E0C1

25:75

#F3F0AF

100%

CSS Gradient Code

background: linear-gradient(to right, #AFB2F3, #F3F0AF);
background: linear-gradient(135deg, #AFB2F3, #F3F0AF);

Explore Each Color

#AFB2F3

View full color details

#F3F0AF

View full color details

Related Comparisons