Off-white

#F2F0EF

What color is Off-white?

Off-white is a soft, warm near-white with a faint creamy or grayish tint, hex #F2F0EF, close to the color of unbleached linen. It is slightly muted compared to pure white, with just enough warmth to feel less stark.

What is the meaning of the color Off-white?

The term off-white entered common use in textile and paint industries during the early 20th century to describe whites that had been dulled or warmed through natural fiber content or pigment mixing. Unbleached cotton and wool fabrics produced this tone naturally, making it a practical standard before chemical brightening agents became widespread after World War II. The color gained cultural weight in interior design through the mid-century work of firms like Farrow and Ball, which introduced off-white shades such as String and Pointing as alternatives to stark decorating whites. The fashion label Off-White, founded by Virgil Abloh in 2012, later brought the name into global branding.

RGB
242, 240, 239
HSL
20°, 10%, 94%
CMYK
0, 1, 1, 5
HSV
20°, 1%, 95%
Off-white color

What colors go with Off-white?

Colors that pair well with Off-white include:
Soft sage green: calm, natural balance
Warm camel: tonal, grounded depth
Dusty blush pink: gentle, soft contrast
Charcoal gray: clean, quiet sharpness
Muted navy blue: cool, grounding anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #F2F0EF color: #F2F0EF;
RGB 242, 240, 239 color: rgb(242, 240, 239);
RGB Percentage 95%, 94%, 94% color: rgb(95%, 94%, 94%);
CMYK 0%, 1%, 1%, 5% Not supported in CSS
HSL 20°, 10%, 94% color: hsl(20, 10%, 94%);
HSV 20°, 1%, 95% Not supported in CSS
CIE-LAB 75, 0, 0 color: lab(75% 0 0);
Decimal 15921391 Not supported in CSS

Color Variations

Shades

#F1EFEE
#DCD6D4
#C6BEB9
#B1A59F
#9B8C85
#84746C
#695D56
#4F4641

Tints

#FBFAFA
#F9F9F8
#F8F7F7
#F7F6F5
#F5F4F3
#F4F2F2
#F3F1F0
#F1EFEE

Tones

#F1EFEE
#F1EFEE
#F1EFEE
#F1EFEF
#F1EFEF
#F0EFEF
#F0EFEF
#F0F0EF

Hues

#F1EFEE
#F1F1EE
#EFF1EE
#EEF1F0
#EEF0F1
#EEEEF1
#F1EEF1
#F1EEEF

Color Harmonies

Analogous

#F1EEEF
Click to copy
#F2F0EF
Click to copy
#F1F1EE
Click to copy

Complementary

#F2F0EF
Click to copy
#EEF0F1
Click to copy

Split Complementary

#F2F0EF
Click to copy
#EEF1F1
Click to copy
#EEEFF1
Click to copy

Triadic

#F2F0EF
Click to copy
#EEF1EF
Click to copy
#EFEEF1
Click to copy

Tetradic

#F2F0EF
Click to copy
#EFF1EE
Click to copy
#EEF0F1
Click to copy
#F1EEF1
Click to copy

Square

#F2F0EF
Click to copy
#EFF1EE
Click to copy
#EEF0F1
Click to copy
#F1EEF1
Click to copy

CSS & Dev Snippets

CSS
.off-white {
  color: #F2F0EF;
}
SCSS
$off-white: #F2F0EF;
RGB
rgb(242, 240, 239)

Accessibility & Contrast

White background

1.14:1
1.14
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

18.49:1
18.49
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags