Couleur nommée · #DFD4C4
Wheat Sheaf
Wheat Sheaf correspond à #DFD4C4 : rgb(223 212 196), hsl(36 30% 82%), oklch(0.874 0.025 77.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Wheat Sheaf color name →
#DFD4C4
oklch(0.874 0.025 77.4)
Conversions de couleur
- HEX
- #dfd4c4
- RGB
- rgb(223 212 196)
- HSL
- hsl(36 30% 82%)
- HWB
- hwb(36 77% 13%)
- OKLCH
- oklch(0.874 0.025 77.4)
- OKLab
- oklab(0.874 0.005 0.024)
- CIE Lab
- lab(85.48 1.94 9.37)
- LCH
- lch(85.48 9.57 78.3)
- CMYK
- cmyk(0% 5% 12% 13%)
Teintes · Ombres · Tons
Teintes
- E2D8CA
- E5DDD0
- E9E1D5
- ECE5DB
- EFE9E1
- F2EEE7
- F5F2ED
- F9F6F3
- FCFBF9
Ombres
- C2B8AA
- A59D91
- 8A8378
- 6F6961
- 56514A
- 3D3A35
- 272421
- 12100E
- 020202
Tons
- D5CBBD
- CBC3B6
- C2BAAF
- B8B2A8
- AEA9A1
- A5A19B
- 9B9894
- 92908D
- 898887
Harmonies de couleurs
Complémentaire +180°
- DFD4C4
Wheat Sheaf
- CCD7E6
≈ Monet Lily
Analogue -30° +30°
- DFD4C4
Wheat Sheaf
- E4D1C8
≈ Wheat Seed
- D7D7C5
≈ Silver Green
Triadique +120° +240°
- DFD4C4
Wheat Sheaf
- C4DBDB
≈ Cold Air Turquoise
- DDD1E1
≈ Ametrine Quartz
Complémentaire divisée +150° +210°
- DFD4C4
Wheat Sheaf
- C6D9E3
≈ Blue Pearl
- D4D4E6
≈ Blushing Lilac
Tétradique +90° +180° +270°
- DFD4C4
Wheat Sheaf
- C7DBD2
≈ Ocean Silk
- CCD7E6
≈ Monet Lily
- E3CFD9
≈ Ephemeral Red
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.46:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.35:1 · APCA Lc 81
Meilleure couleur de texte: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--wheat-sheaf: #dfd4c4;
--wheat-sheaf-rgb: 223 212 196;
--wheat-sheaf-oklch: oklch(0.874 0.025 77.4);
}
.element {
color: var(--wheat-sheaf);
background-color: hsl(36 30% 82%);
border-color: oklch(0.874 0.025 77.4);
}Tailwind CSS v4
@theme {
--color-wheat-sheaf: #dfd4c4;
--color-wheat-sheaf-50: #f9f4ed;
--color-wheat-sheaf-100: #ece7df;
--color-wheat-sheaf-200: #dad3c9;
--color-wheat-sheaf-300: #beb6aa;
--color-wheat-sheaf-400: #a79d8e;
--color-wheat-sheaf-500: #908474;
--color-wheat-sheaf-600: #797062;
--color-wheat-sheaf-700: #615a4f;
--color-wheat-sheaf-800: #474139;
--color-wheat-sheaf-900: #322d27;
--color-wheat-sheaf-950: #1d1a15;
}SCSS
$wheat-sheaf: #dfd4c4;
$wheat-sheaf-rgb: 223, 212, 196;
$wheat-sheaf-light: mix(#fff, $wheat-sheaf, 20%);
$wheat-sheaf-dark: mix(#000, $wheat-sheaf, 20%);
.element {
color: $wheat-sheaf;
box-shadow: 0 0 0 2px rgba($wheat-sheaf, 0.35);
}