#F2F2F9

#F2F2F9

#F9F9F2

#F9F9F2

Contrast Ratio

1.05:1

Delta E

7.44

Noticeable

50:50 Mix

#F6F5F6

Color Values

Format #F2F2F9 #F9F9F2
HEX #F2F2F9 #F9F9F2
RGB 242, 242, 249 249, 249, 242
HSL 240.0, 36.8%, 96.3% 60.0, 36.8%, 96.3%
HSV 240.0, 2.8%, 97.6% 60.0, 2.8%, 97.6%
CMYK 2.8%, 2.8%, 0.0%, 2.4% 0.0%, 0.0%, 2.8%, 2.4%
OKLCH 0.9632 0.0093 286.2 0.9802 0.0092 106.6

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F9F9F2 → Background: #F2F2F9

The quick brown fox jumps over the lazy dog

Text: #F2F2F9 → Background: #F9F9F2

Color Difference (Delta E)

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

Gradient

#F2F2F9 #F3F3F8 #F4F4F7 #F6F5F6 #F7F7F4 #F8F8F3 #F9F9F2

Color Mixing

#F2F2F9

100%

#F4F4F7

75:25

#F6F5F6

50:50

#F7F7F4

25:75

#F9F9F2

100%

CSS Gradient Code

background: linear-gradient(to right, #F2F2F9, #F9F9F2);
background: linear-gradient(135deg, #F2F2F9, #F9F9F2);

Explore Each Color

#F2F2F9

View full color details

#F9F9F2

View full color details

Related Comparisons