Nazwany kolor · #684047
Vineyard Wine
Vineyard Wine to #684047: rgb(104 64 71), hsl(350 24% 33%), oklch(0.421 0.057 8.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Vineyard Wine color name →
#684047
oklch(0.421 0.057 8.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 775157
- 856368
- 94757A
- A3888C
- B29B9E
- C1AEB1
- D1C2C4
- E0D6D7
- EFEAEB
Odcienie ciemniejsze
- 59363D
- 4B2D32
- 3E2428
- 301B1F
- 241316
- 180B0D
- 0C0506
- 040102
- 000000
Tony
- 6B464C
- 6E4D52
- 705357
- 73595D
- 756063
- 786669
- 7A6D6E
- 7C7374
- 7E797A
Harmonie kolorów
Komplementarna +180°
- 684047
Vineyard Wine
- 225753
≈ Forest Biome
Analogowa -30° +30°
- 684047
Vineyard Wine
- 624158
≈ Hortensia
- 684236
≈ Roasted Coffee
Triada +120° +240°
- 684047
Vineyard Wine
- 445331
≈ Zen Garden Olive
- 34506B
≈ Police Blue
Komplementarna rozszczepiona +150° +210°
- 684047
Vineyard Wine
- 315742
≈ O’Neal Green
- 245562
≈ Glitch
Tetrada +90° +180° +270°
- 684047
Vineyard Wine
- 554E28
≈ Bronze Olive
- 225753
≈ Forest Biome
- 464A6C
≈ Royal Hyacinth
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.70:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.41:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.70:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
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);
}