#F2F0ED Color (Hex and RGB)
#F2F0ED
#f2f0ed has RGB values (242, 240, 237). The color reads primarily as light gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F2F0ED | RF2GF0BED | |
| RGB | rgb(242 240 237) | R242G240B237 | |
| HSL | hsl(36 16% 94%) | H36°S16%L94% | |
| OKLCH | oklch(96% 0 78) | L0.96C0H78° | |
| HSV | hsv(36, 2%, 95%) | H36°S2%V95% | |
| CMYK | cmyk(0%, 1%, 2%, 5%) | C0%M1%Y2%K5% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110010 | 11110000 | 11101101 |
| Octal | 362 | 360 | 355 |
| Decimal | 242 | 240 | 237 |
| Hex | f2 | f0 | ed |
Shades & tints
Shades mix #F2F0ED with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F2F0ED0%
- #DDDCD99%
- #C9C7C517%
- #B4B3B126%
- #A09E9C34%
- #8B8A8843%
- #77767451%
- #62616059%
- #4D4D4C68%
- #39383877%
- #24242485%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#F2F0ED on #FFFFFF
1.14:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F2F0ED on #000000
18.46:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F2F0ED
1.14:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F2F0ED
18.46:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f2f0ed; - Background
background-color: #f2f0ed; - CSS variable
--color-f2f0ed: #f2f0ed; - Modern CSS
color: oklch(96% 0 78); - SCSS
$color-f2f0ed: #f2f0ed; - Tailwind
bg-[#f2f0ed] text-[#f2f0ed] - HTML
<div style="background-color: #f2f0ed"></div>