#F2F8F6

#F2F8F6

#F8F2F4

#F8F2F4

Contrast Ratio

1.03:1

Delta E

4.84

Similar

50:50 Mix

#F5F5F5

Color Values

Format #F2F8F6 #F8F2F4
HEX #F2F8F6 #F8F2F4
RGB 242, 248, 246 248, 242, 244
HSL 160.0, 30.0%, 96.1% 340.0, 30.0%, 96.1%
HSV 160.0, 2.4%, 97.3% 340.0, 2.4%, 97.3%
CMYK 2.4%, 0.0%, 0.8%, 2.7% 0.0%, 2.4%, 1.6%, 2.7%
OKLCH 0.9741 0.0069 174.4 0.9663 0.0069 354.8

Contrast & Accessibility

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F8F2F4 → Background: #F2F8F6

The quick brown fox jumps over the lazy dog

Text: #F2F8F6 → Background: #F8F2F4

Color Difference (Delta E)

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

Gradient

#F2F8F6 #F3F7F6 #F4F6F5 #F5F5F5 #F6F4F5 #F7F3F4 #F8F2F4

Color Mixing

#F2F8F6

100%

#F4F6F5

75:25

#F5F5F5

50:50

#F7F3F4

25:75

#F8F2F4

100%

CSS Gradient Code

background: linear-gradient(to right, #F2F8F6, #F8F2F4);
background: linear-gradient(135deg, #F2F8F6, #F8F2F4);

Explore Each Color

#F2F8F6

View full color details

#F8F2F4

View full color details

Related Comparisons