Benannte Farbe · #D4DCD6
Buckwheat
Buckwheat ist #D4DCD6: rgb(212 220 214), hsl(135 10% 85%), oklch(0.887 0.012 153.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Buckwheat color name →
#D4DCD6
oklch(0.887 0.012 153.6)
Farbumrechnungen
- HEX
- #d4dcd6
- RGB
- rgb(212 220 214)
- HSL
- hsl(135 10% 85%)
- HWB
- hwb(135 83% 14%)
- OKLCH
- oklch(0.887 0.012 153.6)
- OKLab
- oklab(0.887 -0.011 0.005)
- CIE Lab
- lab(87.01 -3.61 1.97)
- LCH
- lch(87.01 4.12 151.4)
- CMYK
- cmyk(4% 0% 3% 14%)
Tints · Shades · Tones
Tints
- D8DFDA
- DCE3DE
- E1E6E2
- E5EAE6
- E9EDEA
- EEF1EE
- F2F4F3
- F6F8F7
- FBFBFB
Shades
- B8BFBA
- 9DA39E
- 838884
- 696E6A
- 515452
- 3A3C3B
- 242625
- 101110
- 020202
Tones
- CBD2CD
- C3C9C4
- BABFBB
- B1B6B3
- A9ADAA
- A1A4A1
- 989B99
- 909291
- 888988
Farbharmonien
Komplementär +180°
- D4DCD6
Buckwheat
- DFD7DD
≈ Pebble Beach
Analog -30° +30°
- D4DCD6
Buckwheat
- D8DBD3
≈ Silver Creek
- D2DCDA
≈ Thin Cloud
Triadisch +120° +240°
- D4DCD6
Buckwheat
- D7D9E2
≈ Rivulet
- E1D7D5
≈ Napa Dawn
Geteilt komplementär +150° +210°
- D4DCD6
Buckwheat
- DBD8E0
≈ Misty Lavender
- E1D7D9
≈ Fairy-Nuff
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.39:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.00:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--buckwheat: #d4dcd6;
--buckwheat-rgb: 212 220 214;
--buckwheat-oklch: oklch(0.887 0.012 153.6);
}
.element {
color: var(--buckwheat);
background-color: hsl(135 10% 85%);
border-color: oklch(0.887 0.012 153.6);
}Tailwind CSS v4
@theme {
--color-buckwheat: #d4dcd6;
--color-buckwheat-50: #f3f6f4;
--color-buckwheat-100: #e5e9e6;
--color-buckwheat-200: #d0d6d2;
--color-buckwheat-300: #b3b9b5;
--color-buckwheat-400: #99a19b;
--color-buckwheat-500: #808983;
--color-buckwheat-600: #6d746e;
--color-buckwheat-700: #575c58;
--color-buckwheat-800: #3f4440;
--color-buckwheat-900: #2c2f2c;
--color-buckwheat-950: #191b19;
}SCSS
$buckwheat: #d4dcd6;
$buckwheat-rgb: 212, 220, 214;
$buckwheat-light: mix(#fff, $buckwheat, 20%);
$buckwheat-dark: mix(#000, $buckwheat, 20%);
.element {
color: $buckwheat;
box-shadow: 0 0 0 2px rgba($buckwheat, 0.35);
}