Colore con nome · #5F1A10
Altar Wine
Altar Wine è #5F1A10: rgb(95 26 16), hsl(8 71% 22%), oklch(0.33 0.102 31.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Altar Wine color name →
#5F1A10
oklch(0.33 0.102 31.2)
Conversioni di colore
- HEX
- #5f1a10
- RGB
- rgb(95 26 16)
- HSL
- hsl(8 71% 22%)
- HWB
- hwb(8 6% 63%)
- OKLCH
- oklch(0.33 0.102 31.2)
- OKLab
- oklab(0.33 0.087 0.053)
- CIE Lab
- lab(21.28 31.35 24.8)
- LCH
- lch(21.28 39.97 38.3)
- CMYK
- cmyk(0% 73% 83% 63%)
Tinte · Ombre · Toni
Tinte
- 703126
- 80473C
- 915C52
- A17269
- B18981
- C19F99
- D0B7B1
- E0CECB
- F0E6E5
Ombre
- 52150C
- 441009
- 380C06
- 2C0704
- 200402
- 150201
- 0A0100
- 030000
- 000000
Toni
- 64261C
- 683127
- 6C3B32
- 70453D
- 734F48
- 765953
- 79625E
- 7C6C69
- 7E7674
Armonie di colore
Complementare +180°
- 5F1A10
Altar Wine
- 003D46
≈ Ghostlands Coal
Analogo -30° +30°
- 5F1A10
Altar Wine
- 5C1832
≈ Brown Chocolate
- 512A00
≈ Kyoto House
Triadico +120° +240°
- 5F1A10
Altar Wine
- 00411C
≈ Deep Pond
- 232F69
≈ Underwater Realm
Complementare divisa +150° +210°
- 5F1A10
Altar Wine
- 003F37
≈ Botanical Night
- 003959
≈ Gibraltar Sea
Tetradico +90° +180° +270°
- 5F1A10
Altar Wine
- 2F3B00
≈ Dark Olive
- 003D46
≈ Ghostlands Coal
- 3F2560
≈ Fading Horizon
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.79:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.64:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.79:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--altar-wine: #5f1a10;
--altar-wine-rgb: 95 26 16;
--altar-wine-oklch: oklch(0.33 0.102 31.2);
}
.element {
color: var(--altar-wine);
background-color: hsl(8 71% 22%);
border-color: oklch(0.33 0.102 31.2);
}Tailwind CSS v4
@theme {
--color-altar-wine: #5f1a10;
--color-altar-wine-50: #ffebe3;
--color-altar-wine-100: #ffdcd2;
--color-altar-wine-200: #fdc5b8;
--color-altar-wine-300: #e7a596;
--color-altar-wine-400: #d48779;
--color-altar-wine-500: #c06b5b;
--color-altar-wine-600: #a25b4e;
--color-altar-wine-700: #82483e;
--color-altar-wine-800: #61342d;
--color-altar-wine-900: #44231f;
--color-altar-wine-950: #2c120e;
}SCSS
$altar-wine: #5f1a10;
$altar-wine-rgb: 95, 26, 16;
$altar-wine-light: mix(#fff, $altar-wine, 20%);
$altar-wine-dark: mix(#000, $altar-wine, 20%);
.element {
color: $altar-wine;
box-shadow: 0 0 0 2px rgba($altar-wine, 0.35);
}