Colore con nome · #98211A
Antique Port Wine
Antique Port Wine è #98211A: rgb(152 33 26), hsl(3 71% 35%), oklch(0.446 0.156 28.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Antique Port Wine color name →
#98211A
oklch(0.446 0.156 28.6)
Conversioni di colore
- HEX
- #98211a
- RGB
- rgb(152 33 26)
- HSL
- hsl(3 71% 35%)
- HWB
- hwb(3 10% 40%)
- OKLCH
- oklch(0.446 0.156 28.6)
- OKLab
- oklab(0.446 0.137 0.075)
- CIE Lab
- lab(34.27 48.74 36.25)
- LCH
- lch(34.27 60.74 36.6)
- CMYK
- cmyk(0% 78% 83% 40%)
Tinte · Ombre · Toni
Tinte
- A53C32
- B15348
- BD695E
- C87E74
- D2938A
- DCA8A0
- E6BEB8
- EFD3CF
- F7E9E7
Ombre
- 841B15
- 701610
- 5C100C
- 4A0B07
- 380604
- 270302
- 170101
- 080000
- 010000
Toni
- 973027
- 963B32
- 95463C
- 944F46
- 925850
- 8F605A
- 8C6963
- 89716D
- 857876
Armonie di colore
Complementare +180°
- 98211A
Antique Port Wine
- 00606B
≈ Petrol
Analogo -30° +30°
- 98211A
Antique Port Wine
- 921F53
≈ Wine Grape
- 7E4300
≈ Hazelnut Chocolate
Triadico +120° +240°
- 98211A
Antique Port Wine
- 006628
≈ Paradise Palms
- 314AA9
≈ Night in Manchester
Complementare divisa +150° +210°
- 98211A
Antique Port Wine
- 006355
≈ Philodendron
- 005B85
≈ High Profile
Tetradico +90° +180° +270°
- 98211A
Antique Port Wine
- 4F5C00
≈ Kyuri Green
- 00606B
≈ Petrol
- 62399D
≈ Purple Heart
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.17:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.56:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 8.17:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--antique-port-wine: #98211a;
--antique-port-wine-rgb: 152 33 26;
--antique-port-wine-oklch: oklch(0.446 0.156 28.6);
}
.element {
color: var(--antique-port-wine);
background-color: hsl(3 71% 35%);
border-color: oklch(0.446 0.156 28.6);
}Tailwind CSS v4
@theme {
--color-antique-port-wine: #98211a;
--color-antique-port-wine-50: #ffe5db;
--color-antique-port-wine-100: #ffd5c9;
--color-antique-port-wine-200: #ffbbac;
--color-antique-port-wine-300: #fd9886;
--color-antique-port-wine-400: #ec7668;
--color-antique-port-wine-500: #da5346;
--color-antique-port-wine-600: #b8483c;
--color-antique-port-wine-700: #943930;
--color-antique-port-wine-800: #6f2823;
--color-antique-port-wine-900: #4e1b18;
--color-antique-port-wine-950: #330a09;
}SCSS
$antique-port-wine: #98211a;
$antique-port-wine-rgb: 152, 33, 26;
$antique-port-wine-light: mix(#fff, $antique-port-wine, 20%);
$antique-port-wine-dark: mix(#000, $antique-port-wine, 20%);
.element {
color: $antique-port-wine;
box-shadow: 0 0 0 2px rgba($antique-port-wine, 0.35);
}