Benannte Farbe · #A29371
Gristmill
Gristmill ist #A29371: rgb(162 147 113), hsl(42 21% 54%), oklch(0.668 0.051 87). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Gristmill color name →
#A29371
oklch(0.668 0.051 87)
Farbumrechnungen
- HEX
- #a29371
- RGB
- rgb(162 147 113)
- HSL
- hsl(42 21% 54%)
- HWB
- hwb(42 44% 36%)
- OKLCH
- oklch(0.668 0.051 87)
- OKLab
- oklab(0.668 0.003 0.051)
- CIE Lab
- lab(61.62 1.8 20.2)
- LCH
- lch(61.62 20.28 84.9)
- CMYK
- cmyk(0% 9% 30% 36%)
Tints · Shades · Tones
Tints
- AB9D7F
- B4A88C
- BDB29A
- C6BDA8
- D0C8B6
- D9D3C5
- E2DED3
- ECE9E2
- F5F4F0
Shades
- 8C7F61
- 776C52
- 635943
- 4F4735
- 3C3627
- 2A251A
- 19160E
- 0A0804
- 010101
Tones
- 9F9173
- 9B8F74
- 988D76
- 948C78
- 918A79
- 8D887B
- 8A867C
- 87847D
- 83827F
Farbharmonien
Komplementär +180°
- A29371
Gristmill
- 8694B5
≈ Denim Tradition
Analog -30° +30°
- A29371
Gristmill
- AD8D76
≈ Cantankerous Coyote
- 929976
≈ Herbal Scent
Triadisch +120° +240°
- A29371
Gristmill
- 6F9EA4
≈ Voyage
- A68AA5
≈ Plum Perfume
Geteilt komplementär +150° +210°
- A29371
Gristmill
- 779AB0
≈ Post Boy
- 978EB1
≈ Purple Agate
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.02:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.94:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--gristmill: #a29371;
--gristmill-rgb: 162 147 113;
--gristmill-oklch: oklch(0.668 0.051 87);
}
.element {
color: var(--gristmill);
background-color: hsl(42 21% 54%);
border-color: oklch(0.668 0.051 87);
}Tailwind CSS v4
@theme {
--color-gristmill: #a29371;
--color-gristmill-50: #fbf5e5;
--color-gristmill-100: #efe7d5;
--color-gristmill-200: #ddd4bc;
--color-gristmill-300: #c2b79a;
--color-gristmill-400: #ab9d7d;
--color-gristmill-500: #95845f;
--color-gristmill-600: #7e7051;
--color-gristmill-700: #655a40;
--color-gristmill-800: #4a412e;
--color-gristmill-900: #342d1f;
--color-gristmill-950: #1f1a0f;
}SCSS
$gristmill: #a29371;
$gristmill-rgb: 162, 147, 113;
$gristmill-light: mix(#fff, $gristmill, 20%);
$gristmill-dark: mix(#000, $gristmill, 20%);
.element {
color: $gristmill;
box-shadow: 0 0 0 2px rgba($gristmill, 0.35);
}