Colore con nome · #D9CEC0
Warm Oatmeal
Warm Oatmeal è #D9CEC0: rgb(217 206 192), hsl(34 25% 80%), oklch(0.856 0.023 74.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Warm Oatmeal color name →
#D9CEC0
oklch(0.856 0.023 74.1)
Conversioni di colore
- HEX
- #d9cec0
- RGB
- rgb(217 206 192)
- HSL
- hsl(34 25% 80%)
- HWB
- hwb(34 75% 15%)
- OKLCH
- oklch(0.856 0.023 74.1)
- OKLab
- oklab(0.856 0.006 0.022)
- CIE Lab
- lab(83.38 2.19 8.43)
- LCH
- lch(83.38 8.71 75.4)
- CMYK
- cmyk(0% 5% 12% 15%)
Tinte · Ombre · Toni
Tinte
- DDD3C6
- E1D8CC
- E4DDD3
- E8E1D9
- ECE6DF
- F0EBE5
- F4F0EC
- F7F5F2
- FBFAF9
Ombre
- BCB3A7
- A1988E
- 867F76
- 6C665F
- 534E49
- 3B3834
- 252320
- 110F0E
- 020202
Toni
- D0C6B9
- C7BEB3
- BDB6AC
- B4AEA6
- ABA69F
- A39E99
- 9A9793
- 918F8C
- 898786
Armonie di colore
Complementare +180°
- D9CEC0
Warm Oatmeal
- C6D1DF
≈ Light Time Travel
Analogo -30° +30°
- D9CEC0
Warm Oatmeal
- DDCCC4
≈ Pastel Parchment
- D2D1C0
≈ 400XT Film
Triadico +120° +240°
- D9CEC0
Warm Oatmeal
- C0D5D4
≈ Aquatic Edge
- D5CCDA
≈ Dusky Lilac
Complementare divisa +150° +210°
- D9CEC0
Warm Oatmeal
- C1D3DB
≈ Light Pure Blue
- CECEDF
≈ Breezy Violet
Tetradico +90° +180° +270°
- D9CEC0
Warm Oatmeal
- C3D5CC
≈ Gracilis
- C6D1DF
≈ Light Time Travel
- DBCAD3
≈ Blush of Hyacinth
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.54:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-oatmeal: #d9cec0;
--warm-oatmeal-rgb: 217 206 192;
--warm-oatmeal-oklch: oklch(0.856 0.023 74.1);
}
.element {
color: var(--warm-oatmeal);
background-color: hsl(34 25% 80%);
border-color: oklch(0.856 0.023 74.1);
}Tailwind CSS v4
@theme {
--color-warm-oatmeal: #d9cec0;
--color-warm-oatmeal-50: #f9f4ee;
--color-warm-oatmeal-100: #ece7e0;
--color-warm-oatmeal-200: #dad3ca;
--color-warm-oatmeal-300: #beb6ab;
--color-warm-oatmeal-400: #a79d90;
--color-warm-oatmeal-500: #8f8476;
--color-warm-oatmeal-600: #797064;
--color-warm-oatmeal-700: #615950;
--color-warm-oatmeal-800: #47413a;
--color-warm-oatmeal-900: #312d28;
--color-warm-oatmeal-950: #1d1a16;
}SCSS
$warm-oatmeal: #d9cec0;
$warm-oatmeal-rgb: 217, 206, 192;
$warm-oatmeal-light: mix(#fff, $warm-oatmeal, 20%);
$warm-oatmeal-dark: mix(#000, $warm-oatmeal, 20%);
.element {
color: $warm-oatmeal;
box-shadow: 0 0 0 2px rgba($warm-oatmeal, 0.35);
}