#F0FAFC

Color Details

HEX
#F0FAFC
RGB
rgb(240, 250, 252)
HSL
hsl(190, 67%, 96%)
CMYK
cmyk(5%, 1%, 0%, 1%)
Best text on this color #000000 (CR 19.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f0fafc
Contrast 19.78:1 AAA
White on #f0fafc
Contrast 1.06:1 Fail
#f0fafc on Black
Contrast 19.78:1 AAA
#f0fafc on White
Contrast 1.06:1 Fail

Tints & Shades

#f3fbfd
#f6fcfd
#f9fdfe
#c0c8ca
#909697
#606465

Complement & Analogous

#fcf0ee
#ababed
#abeded

Triadic

#fceef9
#f9fcee

Monochrome

#606465 #909697 #f0fafc #f6fcfd #f9fdfe #fcfefe

Analogous

#abeded #c4f2f2 #f0fafc #bcbcf1 #ababed #8989be

Complementary Mix

#909697 #f0fafc #f6fcfd #fcf0ee #fdf5f4 #a49c9b

Nearby Colors

#f0fafb
#f0fafd
#f0faec
#f0fb0c

Embed #F0FAFC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #F0FAFC

#F0FAFC converts to RGB(240, 250, 252) and HSL(190, 67%, 96%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#F0FAFC FAQs

What is the RGB value of #F0FAFC?
RGB: 240, 250, 252. Copy as CSS: rgb(240, 250, 252)
Is #F0FAFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F0FAFC?
Complement: #fcf0ee.
Does #F0FAFC have good contrast on white or black?
On white: 1.06:1 (Fails AA). On black: 19.78:1 (AAA (normal text)).