Warna bernama · #A37336
Digger’s Gold
Digger’s Gold adalah #A37336: rgb(163 115 54), hsl(34 50% 43%), oklch(0.593 0.098 70.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Digger’s Gold color name →
#A37336
oklch(0.593 0.098 70.3)
Konversi warna
- HEX
- #a37336
- RGB
- rgb(163 115 54)
- HSL
- hsl(34 50% 43%)
- HWB
- hwb(34 21% 36%)
- OKLCH
- oklch(0.593 0.098 70.3)
- OKLab
- oklab(0.593 0.033 0.093)
- CIE Lab
- lab(52.58 14.94 40.7)
- LCH
- lch(52.58 43.35 69.8)
- CMYK
- cmyk(0% 29% 67% 36%)
Tint · Shade · Tone
Tint
- AC814C
- B68E60
- BF9C74
- C8AA87
- D1B89B
- DBC6AF
- E4D4C2
- EDE2D6
- F6F1EB
Shade
- 8D632E
- 785425
- 63451E
- 4F3616
- 3C280F
- 2A1B08
- 190F03
- 0A0501
- 010100
Tone
- A07540
- 9C7648
- 997850
- 967958
- 927A5F
- 8F7C66
- 8B7D6D
- 887E73
- 847F7A
Harmoni warna
Komplementer +180°
- A37336
Digger’s Gold
- 4E82B6
≈ Cyan Azure
Analog -30° +30°
- A37336
Digger’s Gold
- AF6950
≈ Deep Clay Red
- 8B7F32
≈ Mossy Meadow
Triadik +120° +240°
- A37336
Digger’s Gold
- 15908B
≈ Supermint
- 906DAA
≈ Knight Elf
Split-komplementer +150° +210°
- A37336
Digger’s Gold
- 248BA7
≈ Mediterranean Sea
- 7377B7
≈ Wind Star
Tetradik +90° +180° +270°
- A37336
Digger’s Gold
- 41906A
≈ Illuminati Green
- 4E82B6
≈ Cyan Azure
- A56690
≈ Mauve Memento
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.14:1 · APCA Lc 68
Ag
AADi atas hitam
WCAG 5.06:1 · APCA Lc 33
Warna teks terbaik: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
Cuplikan kode
CSS
:root {
--digger-s-gold: #a37336;
--digger-s-gold-rgb: 163 115 54;
--digger-s-gold-oklch: oklch(0.593 0.098 70.3);
}
.element {
color: var(--digger-s-gold);
background-color: hsl(34 50% 43%);
border-color: oklch(0.593 0.098 70.3);
}Tailwind CSS v4
@theme {
--color-digger-s-gold: #a37336;
--color-digger-s-gold-50: #fff1d7;
--color-digger-s-gold-100: #fde3c5;
--color-digger-s-gold-200: #efcea7;
--color-digger-s-gold-300: #d7b07f;
--color-digger-s-gold-400: #c4945b;
--color-digger-s-gold-500: #af7a34;
--color-digger-s-gold-600: #94672e;
--color-digger-s-gold-700: #775224;
--color-digger-s-gold-800: #593b19;
--color-digger-s-gold-900: #3e2910;
--color-digger-s-gold-950: #271603;
}SCSS
$digger-s-gold: #a37336;
$digger-s-gold-rgb: 163, 115, 54;
$digger-s-gold-light: mix(#fff, $digger-s-gold, 20%);
$digger-s-gold-dark: mix(#000, $digger-s-gold, 20%);
.element {
color: $digger-s-gold;
box-shadow: 0 0 0 2px rgba($digger-s-gold, 0.35);
}