Benannte Farbe · #65564F
Harvest Oak
Harvest Oak ist #65564F: rgb(101 86 79), hsl(19 12% 35%), oklch(0.466 0.023 46.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Harvest Oak color name →
#65564F
oklch(0.466 0.023 46.5)
Farbumrechnungen
- HEX
- #65564f
- RGB
- rgb(101 86 79)
- HSL
- hsl(19 12% 35%)
- HWB
- hwb(19 31% 60%)
- OKLCH
- oklch(0.466 0.023 46.5)
- OKLab
- oklab(0.466 0.016 0.017)
- CIE Lab
- lab(37.92 5.44 6.49)
- LCH
- lch(37.92 8.47 50)
- CMYK
- cmyk(0% 15% 22% 60%)
Tints · Shades · Tones
Tints
- 73655F
- 82756F
- 918580
- A09691
- AFA7A3
- BFB8B4
- CEC9C7
- DEDBD9
- EFEDEC
Shades
- 574A44
- 493E38
- 3C322E
- 2F2723
- 221C19
- 171210
- 0C0807
- 030202
- 000000
Tones
- 685A54
- 6A5E59
- 6D625D
- 706762
- 736B67
- 756F6C
- 787371
- 7B7776
- 7D7C7B
Farbharmonien
Komplementär +180°
- 65564F
Harvest Oak
- 4D5D64
≈ Novelty Navy
Analog -30° +30°
- 65564F
Harvest Oak
- 665555
≈ High Rank
- 61584C
≈ Ares Shadow
Triadisch +120° +240°
- 65564F
Harvest Oak
- 4E5E57
≈ Cloudy Viridian
- 585866
≈ Ripe Berry
Geteilt komplementär +150° +210°
- 65564F
Harvest Oak
- 4B5E5E
≈ Still Waters Run Deep
- 525A67
≈ Storm Rising
Tetradisch +90° +180° +270°
- 65564F
Harvest Oak
- 545D50
≈ Green McQuarrie
- 4D5D64
≈ Novelty Navy
- 5F5662
≈ Fedora
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.00:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.99:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--harvest-oak: #65564f;
--harvest-oak-rgb: 101 86 79;
--harvest-oak-oklch: oklch(0.466 0.023 46.5);
}
.element {
color: var(--harvest-oak);
background-color: hsl(19 12% 35%);
border-color: oklch(0.466 0.023 46.5);
}Tailwind CSS v4
@theme {
--color-harvest-oak: #65564f;
--color-harvest-oak-50: #fbf3f0;
--color-harvest-oak-100: #efe6e1;
--color-harvest-oak-200: #ddd2cc;
--color-harvest-oak-300: #c2b4ad;
--color-harvest-oak-400: #ab9b93;
--color-harvest-oak-500: #94827a;
--color-harvest-oak-600: #7d6e67;
--color-harvest-oak-700: #645852;
--color-harvest-oak-800: #4a403c;
--color-harvest-oak-900: #332c29;
--color-harvest-oak-950: #1f1917;
}SCSS
$harvest-oak: #65564f;
$harvest-oak-rgb: 101, 86, 79;
$harvest-oak-light: mix(#fff, $harvest-oak, 20%);
$harvest-oak-dark: mix(#000, $harvest-oak, 20%);
.element {
color: $harvest-oak;
box-shadow: 0 0 0 2px rgba($harvest-oak, 0.35);
}