Benannte Farbe · #C9C1B1
Oatmeal
Oatmeal ist #C9C1B1: rgb(201 193 177), hsl(40 18% 74%), oklch(0.813 0.024 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Oatmeal color name →
#C9C1B1
oklch(0.813 0.024 84.6)
Farbumrechnungen
- HEX
- #c9c1b1
- RGB
- rgb(201 193 177)
- HSL
- hsl(40 18% 74%)
- HWB
- hwb(40 69% 21%)
- OKLCH
- oklch(0.813 0.024 84.6)
- OKLab
- oklab(0.813 0.002 0.024)
- CIE Lab
- lab(78.4 0.87 9.14)
- LCH
- lch(78.4 9.18 84.6)
- CMYK
- cmyk(0% 4% 12% 21%)
Tints · Shades · Tones
Tints
- CEC7B9
- D4CDC0
- D9D3C8
- DED9D0
- E4E0D7
- E9E6DF
- EFECE7
- F4F2EF
- F9F9F7
Shades
- AEA799
- 958F83
- 7C776C
- 645F57
- 4C4942
- 36342F
- 22201C
- 0F0E0C
- 020201
Tones
- C1BAAC
- BAB4A7
- B2ADA2
- ABA69D
- A4A098
- 9C9993
- 95938E
- 8E8D8A
- 878685
Farbharmonien
Komplementär +180°
- C9C1B1
Oatmeal
- BAC2D2
≈ Hyacinth Tint
Analog -30° +30°
- C9C1B1
Oatmeal
- CFBEB4
≈ Summer Bloom
- C1C4B3
≈ Moonshine
Triadisch +120° +240°
- C9C1B1
Oatmeal
- B1C7C9
≈ Restful Retreat
- CABDCB
≈ My Mona
Geteilt komplementär +150° +210°
- C9C1B1
Oatmeal
- B4C5CF
≈ Star Mist
- C2BFD0
≈ Gentleman’s Suit
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.78:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.74:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--oatmeal: #c9c1b1;
--oatmeal-rgb: 201 193 177;
--oatmeal-oklch: oklch(0.813 0.024 84.6);
}
.element {
color: var(--oatmeal);
background-color: hsl(40 18% 74%);
border-color: oklch(0.813 0.024 84.6);
}Tailwind CSS v4
@theme {
--color-oatmeal: #c9c1b1;
--color-oatmeal-50: #f8f5ee;
--color-oatmeal-100: #ebe7df;
--color-oatmeal-200: #d9d4c9;
--color-oatmeal-300: #bdb7aa;
--color-oatmeal-400: #a59e8f;
--color-oatmeal-500: #8d8575;
--color-oatmeal-600: #787163;
--color-oatmeal-700: #605a4f;
--color-oatmeal-800: #464239;
--color-oatmeal-900: #312d27;
--color-oatmeal-950: #1d1a15;
}SCSS
$oatmeal: #c9c1b1;
$oatmeal-rgb: 201, 193, 177;
$oatmeal-light: mix(#fff, $oatmeal, 20%);
$oatmeal-dark: mix(#000, $oatmeal, 20%);
.element {
color: $oatmeal;
box-shadow: 0 0 0 2px rgba($oatmeal, 0.35);
}