Colore con nome · #D8CFBA
Warm Oats
Warm Oats è #D8CFBA: rgb(216 207 186), hsl(42 28% 79%), oklch(0.856 0.03 87.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Warm Oats color name →
#D8CFBA
oklch(0.856 0.03 87.6)
Conversioni di colore
- HEX
- #d8cfba
- RGB
- rgb(216 207 186)
- HSL
- hsl(42 28% 79%)
- HWB
- hwb(42 73% 15%)
- OKLCH
- oklch(0.856 0.03 87.6)
- OKLab
- oklab(0.856 0.001 0.03)
- CIE Lab
- lab(83.43 0.62 11.65)
- LCH
- lch(83.43 11.67 86.9)
- CMYK
- cmyk(0% 4% 14% 15%)
Tinte · Ombre · Toni
Tinte
- DCD4C1
- E0D8C8
- E4DDCE
- E7E2D5
- EBE7DC
- EFECE3
- F3F0EA
- F7F5F1
- FBFAF8
Ombre
- BCB4A1
- A09989
- 857F72
- 6B675C
- 534F46
- 3B3832
- 25231E
- 11100D
- 020202
Toni
- CFC7B4
- C6BFAE
- BDB7A8
- B4AFA2
- ABA79D
- A29F97
- 9A9791
- 918F8B
- 888886
Armonie di colore
Complementare +180°
- D8CFBA
Warm Oats
- C7D0E4
≈ Love Crystal
Analogo -30° +30°
- D8CFBA
Warm Oats
- E0CBBD
≈ Ancient Ruins
- CED3BD
≈ Garlic Suede
Triadico +120° +240°
- D8CFBA
Warm Oats
- BAD6DA
≈ Light Sky Chase
- DBC9DA
≈ Creamy Mauve
Complementare divisa +150° +210°
- D8CFBA
Warm Oats
- BED3E1
≈ Two Harbours
- D2CCE1
≈ Light Mulberry
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.55:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.55:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-oats: #d8cfba;
--warm-oats-rgb: 216 207 186;
--warm-oats-oklch: oklch(0.856 0.03 87.6);
}
.element {
color: var(--warm-oats);
background-color: hsl(42 28% 79%);
border-color: oklch(0.856 0.03 87.6);
}Tailwind CSS v4
@theme {
--color-warm-oats: #d8cfba;
--color-warm-oats-50: #f8f5ec;
--color-warm-oats-100: #ece8dd;
--color-warm-oats-200: #d9d4c6;
--color-warm-oats-300: #bdb7a6;
--color-warm-oats-400: #a69e8b;
--color-warm-oats-500: #8f8570;
--color-warm-oats-600: #79715f;
--color-warm-oats-700: #605a4c;
--color-warm-oats-800: #474237;
--color-warm-oats-900: #312d25;
--color-warm-oats-950: #1d1a14;
}SCSS
$warm-oats: #d8cfba;
$warm-oats-rgb: 216, 207, 186;
$warm-oats-light: mix(#fff, $warm-oats, 20%);
$warm-oats-dark: mix(#000, $warm-oats, 20%);
.element {
color: $warm-oats;
box-shadow: 0 0 0 2px rgba($warm-oats, 0.35);
}