#F8FAFC color
#F8FAFC is a very light, moderately saturated blue, closest to the CSS named color ghostwhite (#F8F8FF).
Color values
| HEX | #F8FAFC |
| RGB | rgb(248, 250, 252) |
| HSL | hsl(210, 40%, 98%) |
| CMYK | cmyk(2%, 1%, 0%, 1%) |
| Decimal | 16317180 |
| CSS | color: #F8FAFC; |
| Android | 0xFFF8FAFC |
| Swift | UIColor(red: 0.973, green: 0.980, blue: 0.988, alpha: 1) |
Accessibility and contrast
| White text on #F8FAFC | 1.05:1 — AA fail · AA large fail · AAA fail |
| Black text on #F8FAFC | 20.07:1 — AA pass · AA large pass · AAA pass |
| Recommended text color | black |
WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).
Tints and shades of #F8FAFC
Each swatch keeps the hue and saturation of #F8FAFC and varies only lightness — the quickest way to build a usable scale from a single brand color.
Colors that go with #F8FAFC
Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.
Using #F8FAFC in code
/* CSS */
.element { color: #F8FAFC; background-color: #F8FAFC; }
.element { color: rgb(248 250 252); }
.element { color: hsl(210 40% 98%); }
/* Tailwind arbitrary value */
<div class="bg-[#F8FAFC] text-black">
/* SCSS variable */
$brand: #F8FAFC;Frequently asked questions
What color is #F8FAFC?
#F8FAFC is a very light, moderately saturated blue. Its hue sits at 210° on the color wheel, with 40% saturation and 98% lightness.
What is #F8FAFC in RGB?
#F8FAFC converts to rgb(248, 250, 252) — 248 red, 250 green and 252 blue.
What is #F8FAFC in CMYK?
Approximately cmyk(2%, 1%, 0%, 1%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.
Should text on #F8FAFC be white or black?
Black gives the better contrast ratio (20.07:1 versus 1.05:1).
What is the complementary color of #F8FAFC?
#FCFAF8 — the hue directly opposite #F8FAFC on the color wheel.