Benannte Farbe · #6A695A
Duck Willow
Duck Willow ist #6A695A: rgb(106 105 90), hsl(56 8% 38%), oklch(0.517 0.023 104). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Duck Willow color name →
#6A695A
oklch(0.517 0.023 104)
Farbumrechnungen
- HEX
- #6a695a
- RGB
- rgb(106 105 90)
- HSL
- hsl(56 8% 38%)
- HWB
- hwb(56 35% 58%)
- OKLCH
- oklch(0.517 0.023 104)
- OKLab
- oklab(0.517 -0.006 0.022)
- CIE Lab
- lab(44.17 -1.73 8.63)
- LCH
- lch(44.17 8.8 101.3)
- CMYK
- cmyk(0% 1% 15% 58%)
Tints · Shades · Tones
Tints
- 787769
- 868579
- 949388
- A3A298
- B2B1A9
- C1C0BA
- D0D0CB
- DFDFDC
- EFEFED
Shades
- 5B5A4D
- 4D4C41
- 3F3E35
- 313129
- 24241E
- 181813
- 0D0C09
- 040403
- 000000
Tones
- 6C6B5E
- 6E6E62
- 717065
- 737269
- 75746D
- 777771
- 797974
- 7C7B78
- 7E7E7C
Farbharmonien
Komplementär +180°
- 6A695A
Duck Willow
- 666775
≈ Alley Cat
Analog -30° +30°
- 6A695A
Duck Willow
- 70665A
≈ Grouchy Badger
- 636B5E
≈ Belmont Green
Triadisch +120° +240°
- 6A695A
Duck Willow
- 5A6B72
≈ Big Daddy Blue
- 72636B
≈ Vintage Grape
Geteilt komplementär +150° +210°
- 6A695A
Duck Willow
- 5F6975
≈ Feather Falls
- 6D6472
≈ Silverado
Tetradisch +90° +180° +270°
- 6A695A
Duck Willow
- 596D6C
≈ Meteorological
- 666775
≈ Alley Cat
- 756364
≈ Paradise Grape
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.55:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.78:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--duck-willow: #6a695a;
--duck-willow-rgb: 106 105 90;
--duck-willow-oklch: oklch(0.517 0.023 104);
}
.element {
color: var(--duck-willow);
background-color: hsl(56 8% 38%);
border-color: oklch(0.517 0.023 104);
}Tailwind CSS v4
@theme {
--color-duck-willow: #6a695a;
--color-duck-willow-50: #f6f6ee;
--color-duck-willow-100: #e9e8e0;
--color-duck-willow-200: #d5d5ca;
--color-duck-willow-300: #b9b8ab;
--color-duck-willow-400: #a09f90;
--color-duck-willow-500: #888776;
--color-duck-willow-600: #737264;
--color-duck-willow-700: #5c5b50;
--color-duck-willow-800: #44433a;
--color-duck-willow-900: #2f2e28;
--color-duck-willow-950: #1b1b16;
}SCSS
$duck-willow: #6a695a;
$duck-willow-rgb: 106, 105, 90;
$duck-willow-light: mix(#fff, $duck-willow, 20%);
$duck-willow-dark: mix(#000, $duck-willow, 20%);
.element {
color: $duck-willow;
box-shadow: 0 0 0 2px rgba($duck-willow, 0.35);
}