لون مسمّى · #A37336
Digger’s Gold
Digger’s Gold هو #A37336: rgb(163 115 54)، hsl(34 50% 43%)، oklch(0.593 0.098 70.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Digger’s Gold color name →
#A37336
oklch(0.593 0.098 70.3)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AC814C
- B68E60
- BF9C74
- C8AA87
- D1B89B
- DBC6AF
- E4D4C2
- EDE2D6
- F6F1EB
درجات داكنة
- 8D632E
- 785425
- 63451E
- 4F3616
- 3C280F
- 2A1B08
- 190F03
- 0A0501
- 010100
درجات رمادية
- A07540
- 9C7648
- 997850
- 967958
- 927A5F
- 8F7C66
- 8B7D6D
- 887E73
- 847F7A
تناسق الألوان
متمم +180°
- A37336
Digger’s Gold
- 4E82B6
≈ Cyan Azure
متجاور -30° +30°
- A37336
Digger’s Gold
- AF6950
≈ Deep Clay Red
- 8B7F32
≈ Mossy Meadow
ثلاثي +120° +240°
- A37336
Digger’s Gold
- 15908B
≈ Supermint
- 906DAA
≈ Knight Elf
متمم منقسم +150° +210°
- A37336
Digger’s Gold
- 248BA7
≈ Mediterranean Sea
- 7377B7
≈ Wind Star
رباعي +90° +180° +270°
- A37336
Digger’s Gold
- 41906A
≈ Illuminati Green
- 4E82B6
≈ Cyan Azure
- A56690
≈ Mauve Memento
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.14:1 · APCA Lc 68
Ag
AAعلى الأسود
WCAG 5.06:1 · APCA Lc 33
أفضل لون للنص: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
مقتطفات الأكواد
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);
}