Off-white

#F2F0EF
RGB
242, 240, 239
HSL
20°, 10%, 94%
CMYK
0, 1, 1, 5
HSV
20°, 1%, 95%

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
Light Magenta
99%
#F2F0EF
Click to copy
Off-white
100%
#F1F1EE
Click to copy
Light Yellow
100%

Complementary

#F2F0EF
Click to copy
Off-white
100%
#EEF0F1
Click to copy
Light Cyan
99%

Split Complementary

#F2F0EF
Click to copy
Off-white
100%
#EEF1F1
Click to copy
Light Cyan
99%
#EEEFF1
Click to copy
Light Blue
99%

Triadic

#F2F0EF
Click to copy
Off-white
100%
#EEF1EF
Click to copy
Light Green
99%
#EFEEF1
Click to copy
Light Blue
99%

Tetradic

#F2F0EF
Click to copy
Off-white
100%
#EFF1EE
Click to copy
Light Green
99%
#EEF0F1
Click to copy
Light Cyan
99%
#F1EEF1
Click to copy
Light Purple
99%

Square

#F2F0EF
Click to copy
Off-white
100%
#EFF1EE
Click to copy
Light Green
99%
#EEF0F1
Click to copy
Light Cyan
99%
#F1EEF1
Click to copy
Light Purple
99%

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