لون مسمّى · #684047
Vineyard Wine
Vineyard Wine هو #684047: rgb(104 64 71)، hsl(350 24% 33%)، oklch(0.421 0.057 8.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Vineyard Wine color name →
#684047
oklch(0.421 0.057 8.4)
تحويلات الألوان
- HEX
- #684047
- RGB
- rgb(104 64 71)
- HSL
- hsl(350 24% 33%)
- HWB
- hwb(350 25% 59%)
- OKLCH
- oklch(0.421 0.057 8.4)
- OKLab
- oklab(0.421 0.056 0.008)
- CIE Lab
- lab(32.12 18.66 3.42)
- LCH
- lch(32.12 18.97 10.4)
- CMYK
- cmyk(0% 38% 32% 59%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 775157
- 856368
- 94757A
- A3888C
- B29B9E
- C1AEB1
- D1C2C4
- E0D6D7
- EFEAEB
درجات داكنة
- 59363D
- 4B2D32
- 3E2428
- 301B1F
- 241316
- 180B0D
- 0C0506
- 040102
- 000000
درجات رمادية
- 6B464C
- 6E4D52
- 705357
- 73595D
- 756063
- 786669
- 7A6D6E
- 7C7374
- 7E797A
تناسق الألوان
متمم +180°
- 684047
Vineyard Wine
- 225753
≈ Forest Biome
متجاور -30° +30°
- 684047
Vineyard Wine
- 624158
≈ Hortensia
- 684236
≈ Roasted Coffee
ثلاثي +120° +240°
- 684047
Vineyard Wine
- 445331
≈ Zen Garden Olive
- 34506B
≈ Police Blue
متمم منقسم +150° +210°
- 684047
Vineyard Wine
- 315742
≈ O’Neal Green
- 245562
≈ Glitch
رباعي +90° +180° +270°
- 684047
Vineyard Wine
- 554E28
≈ Bronze Olive
- 225753
≈ Forest Biome
- 464A6C
≈ Royal Hyacinth
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.70:1 · APCA Lc 90
Ag
Failعلى الأسود
WCAG 2.41:1 · APCA Lc 13
أفضل لون للنص: #FFFFFF
WCAG 8.70:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--vineyard-wine: #684047;
--vineyard-wine-rgb: 104 64 71;
--vineyard-wine-oklch: oklch(0.421 0.057 8.4);
}
.element {
color: var(--vineyard-wine);
background-color: hsl(350 24% 33%);
border-color: oklch(0.421 0.057 8.4);
}Tailwind CSS v4
@theme {
--color-vineyard-wine: #684047;
--color-vineyard-wine-50: #ffeff1;
--color-vineyard-wine-100: #fae1e3;
--color-vineyard-wine-200: #ebcbce;
--color-vineyard-wine-300: #d2acb0;
--color-vineyard-wine-400: #bd9198;
--color-vineyard-wine-500: #a8777f;
--color-vineyard-wine-600: #8e656b;
--color-vineyard-wine-700: #725056;
--color-vineyard-wine-800: #543a3f;
--color-vineyard-wine-900: #3a282b;
--color-vineyard-wine-950: #241619;
}SCSS
$vineyard-wine: #684047;
$vineyard-wine-rgb: 104, 64, 71;
$vineyard-wine-light: mix(#fff, $vineyard-wine, 20%);
$vineyard-wine-dark: mix(#000, $vineyard-wine, 20%);
.element {
color: $vineyard-wine;
box-shadow: 0 0 0 2px rgba($vineyard-wine, 0.35);
}