#F0FAF3

#F0FAF3

#FAF0F7

#FAF0F7

Contrast Ratio

1.04:1

Delta E

10.22

Noticeable

50:50 Mix

#F5F5F5

Color Values

Format #F0FAF3 #FAF0F7
HEX #F0FAF3 #FAF0F7
RGB 240, 250, 243 250, 240, 247
HSL 138.0, 50.0%, 96.1% 318.0, 50.0%, 96.1%
HSV 138.0, 4.0%, 98.0% 318.0, 4.0%, 98.0%
CMYK 4.0%, 0.0%, 2.8%, 2.0% 0.0%, 4.0%, 1.2%, 2.0%
OKLCH 0.9757 0.014 155.6 0.9649 0.0141 336.1

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FAF0F7 → Background: #F0FAF3

The quick brown fox jumps over the lazy dog

Text: #F0FAF3 → Background: #FAF0F7

Color Difference (Delta E)

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

Gradient

#F0FAF3 #F2F8F4 #F3F7F4 #F5F5F5 #F7F3F6 #F8F2F6 #FAF0F7

Color Mixing

#F0FAF3

100%

#F3F8F4

75:25

#F5F5F5

50:50

#F8F3F6

25:75

#FAF0F7

100%

CSS Gradient Code

background: linear-gradient(to right, #F0FAF3, #FAF0F7);
background: linear-gradient(135deg, #F0FAF3, #FAF0F7);

Explore Each Color

#F0FAF3

View full color details

#FAF0F7

View full color details

Related Comparisons