WhiteSmoke — #F5F5F5 HEX Color

#F5F5F5rgb(245, 245, 245)

About WhiteSmoke

WhiteSmoke (#F5F5F5) is a warm, light, muted neutral tone with a hue of 0°, saturation of 0% and lightness of 96%. It works well for backgrounds and minimalist UI and conveys a timeless feeling. On a white background it reaches a contrast ratio of 1.09:1, while on black it reaches 19.26:1 — so prefer black text when using #F5F5F5 as a background.

Color Codes

HEX#F5F5F5

RGBrgb(245, 245, 245)

HSLhsl(0°, 0%, 96%)

CMYKcmyk(0%, 0%, 0%, 4%)

CIELABLab(96.5, 0, 0)

Accessibility & Contrast

On white

1.09:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

19.26:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #F5F5F5 as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #F5F5F5;

color: #F5F5F5;

border: 2px solid #F5F5F5;

background: linear-gradient(135deg, #F5F5F5, #f5f5f5);

Code Export

css

:root {
  --color-primary: #f5f5f5;
  --color-primary-rgb: 245, 245, 245;
  --color-primary-hsl: 0, 0%, 96%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

#DBBDA8

+=Soft Lavender / Lilac

Mint + Pink

Lavender + Yellow

Cream + Pink

+=Cream / Pale Yellow

Yellow + White

Frequently Asked Questions

What is the name of color #F5F5F5?

Color #F5F5F5 is commonly known as WhiteSmoke. It is a warm, light, muted neutral tone.

Is #F5F5F5 a warm or cool color?

WhiteSmoke (#F5F5F5) is a warm color. With a hue of 0°, it falls in the neutral family.

What colors go well with #F5F5F5?

Colors that pair well with WhiteSmoke (#F5F5F5) include its complementary color (#F5F5F5), neutral whites and warm creams, and analogous neutral tones for harmonious palettes.