Adlandırılmış renk · #819E84
Vineyard
Vineyard, #819E84: rgb(129 158 132), hsl(126 13% 56%), oklch(0.67 0.05 147.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Vineyard color name →
#819E84
oklch(0.67 0.05 147.8)
Renk dönüşümleri
- HEX
- #819e84
- RGB
- rgb(129 158 132)
- HSL
- hsl(126 13% 56%)
- HWB
- hwb(126 51% 38%)
- OKLCH
- oklch(0.67 0.05 147.8)
- OKLab
- oklab(0.67 -0.042 0.027)
- CIE Lab
- lab(62.33 -14.45 10.15)
- LCH
- lch(62.33 17.66 144.9)
- CMYK
- cmyk(18% 0% 16% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8DA790
- 99B19C
- A6BAA8
- B2C4B4
- BFCEC0
- CBD7CC
- D8E1D9
- E5EBE5
- F2F5F2
Koyu tonlar
- 6F8972
- 5E7460
- 4E604F
- 3E4D3F
- 2E3A2F
- 1F2920
- 121812
- 060906
- 010101
Gri tonlar
- 819B84
- 819883
- 819583
- 819283
- 818F82
- 818C82
- 818981
- 808681
- 808380
Renk uyumları
Tamamlayıcı +180°
- 819E84
Vineyard
- A68BA5
≈ Plum Perfume
Analog -30° +30°
- 819E84
Vineyard
- 929A77
≈ Herbal Scent
- 74A095
≈ Greyish Teal
Üçlü +120° +240°
- 819E84
Vineyard
- 8895B5
≈ Lively Lilac
- B28A84
≈ Warm Comfort
Bölünmüş tamamlayıcı +150° +210°
- 819E84
Vineyard
- 988FB0
≈ Greek Lavender
- B08995
≈ Rose Tea
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.93:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.15:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--vineyard: #819e84;
--vineyard-rgb: 129 158 132;
--vineyard-oklch: oklch(0.67 0.05 147.8);
}
.element {
color: var(--vineyard);
background-color: hsl(126 13% 56%);
border-color: oklch(0.67 0.05 147.8);
}Tailwind CSS v4
@theme {
--color-vineyard: #819e84;
--color-vineyard-50: #ecf9ee;
--color-vineyard-100: #ddeddf;
--color-vineyard-200: #c6dbc9;
--color-vineyard-300: #a6bfaa;
--color-vineyard-400: #8ba78e;
--color-vineyard-500: #709074;
--color-vineyard-600: #5f7a62;
--color-vineyard-700: #4c614e;
--color-vineyard-800: #374738;
--color-vineyard-900: #263126;
--color-vineyard-950: #141d15;
}SCSS
$vineyard: #819e84;
$vineyard-rgb: 129, 158, 132;
$vineyard-light: mix(#fff, $vineyard, 20%);
$vineyard-dark: mix(#000, $vineyard, 20%);
.element {
color: $vineyard;
box-shadow: 0 0 0 2px rgba($vineyard, 0.35);
}