Warna bernama · #A29371
Gristmill
Gristmill adalah #A29371: rgb(162 147 113), hsl(42 21% 54%), oklch(0.668 0.051 87). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Gristmill color name →
#A29371
oklch(0.668 0.051 87)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- AB9D7F
- B4A88C
- BDB29A
- C6BDA8
- D0C8B6
- D9D3C5
- E2DED3
- ECE9E2
- F5F4F0
Shade
- 8C7F61
- 776C52
- 635943
- 4F4735
- 3C3627
- 2A251A
- 19160E
- 0A0804
- 010101
Tone
- 9F9173
- 9B8F74
- 988D76
- 948C78
- 918A79
- 8D887B
- 8A867C
- 87847D
- 83827F
Harmoni warna
Komplementer +180°
- A29371
Gristmill
- 8694B5
≈ Denim Tradition
Analog -30° +30°
- A29371
Gristmill
- AD8D76
≈ Cantankerous Coyote
- 929976
≈ Herbal Scent
Triadik +120° +240°
- A29371
Gristmill
- 6F9EA4
≈ Voyage
- A68AA5
≈ Plum Perfume
Split-komplementer +150° +210°
- A29371
Gristmill
- 779AB0
≈ Post Boy
- 978EB1
≈ Purple Agate
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.02:1 · APCA Lc 57
Ag
AADi atas hitam
WCAG 6.94:1 · APCA Lc 45
Warna teks terbaik: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
Cuplikan kode
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);
}