Colore con nome · #65344E
Vintage Wine
Vintage Wine è #65344E: rgb(101 52 78), hsl(328 32% 30%), oklch(0.397 0.078 348.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Vintage Wine color name →
#65344E
oklch(0.397 0.078 348.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 74475E
- 83596E
- 936D7F
- A28090
- B194A2
- C1A9B4
- D0BEC6
- E0D3D9
- EFE9EC
Ombre
- 572C43
- 492438
- 3C1C2D
- 2F1523
- 220E19
- 17070F
- 0C0307
- 030102
- 000000
Toni
- 683C53
- 6C4358
- 6F4B5D
- 715262
- 745A67
- 77616C
- 796971
- 7C7176
- 7E787B
Armonie di colore
Complementare +180°
- 65344E
Vintage Wine
- 05543F
≈ Sacramento State Green
Analogo -30° +30°
- 65344E
Vintage Wine
- 583862
≈ Purpurite Violet
- 6B3436
≈ Port
Triadico +120° +240°
- 65344E
Vintage Wine
- 4B4A0D
≈ Scorzonera Brown
- 004E67
≈ Work Blue
Complementare divisa +150° +210°
- 65344E
Vintage Wine
- 305125
≈ Chestnut Green
- 005254
≈ Wool Turquoise
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.74:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.15:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.74:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
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);
}