Nazwany kolor · #65344E
Vintage Wine
Vintage Wine to #65344E: rgb(101 52 78), hsl(328 32% 30%), oklch(0.397 0.078 348.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Vintage Wine color name →
#65344E
oklch(0.397 0.078 348.2)
Konwersje koloru
- HEX
- #65344e
- RGB
- rgb(101 52 78)
- HSL
- hsl(328 32% 30%)
- HWB
- hwb(328 20% 60%)
- OKLCH
- oklch(0.397 0.078 348.2)
- OKLab
- oklab(0.397 0.077 -0.016)
- CIE Lab
- lab(28.95 25.11 -5.77)
- LCH
- lch(28.95 25.76 347.1)
- CMYK
- cmyk(0% 49% 23% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 74475E
- 83596E
- 936D7F
- A28090
- B194A2
- C1A9B4
- D0BEC6
- E0D3D9
- EFE9EC
Odcienie ciemniejsze
- 572C43
- 492438
- 3C1C2D
- 2F1523
- 220E19
- 17070F
- 0C0307
- 030102
- 000000
Tony
- 683C53
- 6C4358
- 6F4B5D
- 715262
- 745A67
- 77616C
- 796971
- 7C7176
- 7E787B
Harmonie kolorów
Komplementarna +180°
- 65344E
Vintage Wine
- 05543F
≈ Sacramento State Green
Analogowa -30° +30°
- 65344E
Vintage Wine
- 583862
≈ Purpurite Violet
- 6B3436
≈ Port
Triada +120° +240°
- 65344E
Vintage Wine
- 4B4A0D
≈ Scorzonera Brown
- 004E67
≈ Work Blue
Komplementarna rozszczepiona +150° +210°
- 65344E
Vintage Wine
- 305125
≈ Chestnut Green
- 005254
≈ Wool Turquoise
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.74:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.15:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.74:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--vintage-wine: #65344e;
--vintage-wine-rgb: 101 52 78;
--vintage-wine-oklch: oklch(0.397 0.078 348.2);
}
.element {
color: var(--vintage-wine);
background-color: hsl(328 32% 30%);
border-color: oklch(0.397 0.078 348.2);
}Tailwind CSS v4
@theme {
--color-vintage-wine: #65344e;
--color-vintage-wine-50: #ffedf8;
--color-vintage-wine-100: #fedeeb;
--color-vintage-wine-200: #f0c7d9;
--color-vintage-wine-300: #d7a8bd;
--color-vintage-wine-400: #c28ca6;
--color-vintage-wine-500: #ad718f;
--color-vintage-wine-600: #926079;
--color-vintage-wine-700: #754c61;
--color-vintage-wine-800: #563748;
--color-vintage-wine-900: #3c2632;
--color-vintage-wine-950: #26141e;
}SCSS
$vintage-wine: #65344e;
$vintage-wine-rgb: 101, 52, 78;
$vintage-wine-light: mix(#fff, $vintage-wine, 20%);
$vintage-wine-dark: mix(#000, $vintage-wine, 20%);
.element {
color: $vintage-wine;
box-shadow: 0 0 0 2px rgba($vintage-wine, 0.35);
}