Soft Oatmeal
A versatile very light neutral.
#DCDAD8
rgb(220, 218, 216)
Color formats
HEX
#DCDAD8
RGB
rgb(220, 218, 216)
HSL
hsl(30, 5.4%, 85.5%)
HSV
hsv(30, 1.8%, 86.3%)
CMYK
cmyk(0%, 0.9%, 1.8%, 13.7%)
Color shades
Lighter tints and darker shades of Soft Oatmeal.
Lightest
#FFFFFF
Lighter
#FFFFFF
Base
#DCDAD8
Darker
#ACA7A2
Darkest
#7A746E
Complementary
The opposite hue on the color wheel.
Analogous
Neighbouring hues that harmonise.
Contrast & readability
Where Soft Oatmeal works
Soft Oatmeal (#DCDAD8) is a versatile very light neutral. Being very light, it shines as a background or surface color, letting darker text and accents stand out on top of it. The low saturation keeps it calm and easy to pair, so it sits comfortably next to almost any accent color.
Observe the spectrum
More colors related to Soft Oatmeal — or browse all neutrals & metallics.
Color tools
Color Format Converter
Convert any color between HEX, RGB, HSL, HSV, CMYK and OKLCH instantly — and copy ready-to-paste CSS, SCSS or Tailwind.
Color Picker
Pick any color visually and copy accurate HEX, RGB, HSL and CMYK codes — no signup.
Palette Generator
Generate harmonious color palettes from any base color — complementary, analogous, triadic and more, with instant CSS export.
Contrast Checker
Test color contrast against WCAG 2.1 AA/AAA — live pass/fail, font-size rules, and a real component preview.
Shade & Tint Generator
Generate 10–12 step tints and shades from any color — perfect 50–950 UI ramps with CSS and Tailwind export.
Complementary Color Finder
Find the perfect complementary (180° opposite) color for any shade, with HEX/RGB/HSL and contrast info.