#F2F7FDCotton Ball (#F2F7FD) is a near-white neutral with an OKLCH hue of 253°, lightness 0.97 and chroma 0.01. In practice it behaves as a background color — quiet over large surfaces.
| HEX | #F2F7FD |
|---|---|
| RGB | rgb(242, 247, 253) |
| HSL | hsl(213, 73%, 97%) |
| HSV | hsv(213, 4%, 99%) |
| CMYK | cmyk(4%, 2%, 0%, 1%) |
| CIE Lab | lab(97 -0.6 -3.4) |
| OKLCH | oklch(0.974 0.010 253) |
Under warm 2700K interior light Cotton Ball shifts only faintly, with no single dominant change; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 2.3), so it is a lighting-stable choice.
#fcf1ed — ΔE 2.3, shifts only faintly, with no single dominant change#fbf8f8 — ΔE 1.4, shifts only faintly, with no single dominant change#f2f7fd — ΔE 0.0, is virtually unchanged#f2f8ff — ΔE 0.3, is virtually unchangedTest Cotton Ball in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.
Against white it measures 1.08:1 and against black 19.5:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.
One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.
#f2f7fd · #c5cacf · #9fa2a7 · #7a7d81 · #56595d · #36383b
The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.
#f2f7fd · #d7e2ff · #cacafb · #c2b3e0 · #b99dc3 · #ad89a6
The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.
#f2f7fd · #bbb0c9 · #7b99bd · #836d9d · #435e7d · #463b53
One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.
#f2f7fd · #dcb788 · #848f9b · #5c6f85 · #405063 · #28323f
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f2f7fd · #ddd8d1 · #9198a1 · #5e5b56 · #1f262e · #020100
This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.
#f2f7fd · #c8cacc · #9b9ea1 · #24262a · #040608 · #f4ae4b
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#f2f7fd · #e2d7c9 · #af926f · #755427 · #362000 · #000107
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#f2f7fd · #e2d7c9 · #b88c7a · #635d27 · #3e1909 · #040300
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#f2f7fd · #e7d3d5 · #ba898d · #4b6437 · #192c07 · #070001
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#f2f7fd · #e4d3dd · #b389a2 · #755427 · #002e1d · #120600
#f4f8fd · #f6fafe · #f9fbfe · #fbfcfe · #fdfeff
#caced3 · #a1a5a9 · #797c7f · #515254 · #28292a
Its high lightness and low chroma make it a natural background or large-surface color. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.