Colore con nome · #77074D
Lucky Wine
Lucky Wine è #77074D: rgb(119 7 77), hsl(323 89% 25%), oklch(0.379 0.152 350.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lucky Wine color name →
#77074D
oklch(0.379 0.152 350.1)
Conversioni di colore
- HEX
- #77074d
- RGB
- rgb(119 7 77)
- HSL
- hsl(323 89% 25%)
- HWB
- hwb(323 3% 53%)
- OKLCH
- oklch(0.379 0.152 350.1)
- OKLab
- oklab(0.379 0.15 -0.026)
- CIE Lab
- lab(25.88 47.84 -9.26)
- LCH
- lch(25.88 48.73 349)
- CMYK
- cmyk(0% 94% 35% 53%)
Tinte · Ombre · Toni
Tinte
- 872A5D
- 96436E
- A45A7F
- B27190
- C088A2
- CD9FB4
- DAB7C6
- E7CED9
- F3E7EC
Ombre
- 670542
- 570437
- 47022C
- 380222
- 2A0118
- 1C000F
- 100007
- 050002
- 010000
Toni
- 7A1D52
- 7C2C57
- 7E385C
- 804361
- 814E66
- 82586B
- 826270
- 826C76
- 81767B
Armonie di colore
Complementare +180°
- 77074D
Lucky Wine
- 004F3C
≈ Raspberry Leaf Green
Analogo -30° +30°
- 77074D
Lucky Wine
- 631A73
≈ Deep Daitoku Purple
- 80001D
≈ Oxblood
Triadico +120° +240°
- 77074D
Lucky Wine
- 454500
≈ Green Not Found
- 004962
≈ Stegadon Scale Green
Complementare divisa +150° +210°
- 77074D
Lucky Wine
- 135000
≈ Greeeeeeen
- 004C50
≈ Dark Teal
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.92:1 · APCA Lc 94
Ag
FailSu nero
WCAG 1.92:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.92:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--lucky-wine: #77074d;
--lucky-wine-rgb: 119 7 77;
--lucky-wine-oklch: oklch(0.379 0.152 350.1);
}
.element {
color: var(--lucky-wine);
background-color: hsl(323 89% 25%);
border-color: oklch(0.379 0.152 350.1);
}Tailwind CSS v4
@theme {
--color-lucky-wine: #77074d;
--color-lucky-wine-50: #ffe4fa;
--color-lucky-wine-100: #ffd4ed;
--color-lucky-wine-200: #ffbadb;
--color-lucky-wine-300: #f396bf;
--color-lucky-wine-400: #e076ab;
--color-lucky-wine-500: #cd5494;
--color-lucky-wine-600: #ad487d;
--color-lucky-wine-700: #8b3964;
--color-lucky-wine-800: #67294b;
--color-lucky-wine-900: #481b34;
--color-lucky-wine-950: #2f0b20;
}SCSS
$lucky-wine: #77074d;
$lucky-wine-rgb: 119, 7, 77;
$lucky-wine-light: mix(#fff, $lucky-wine, 20%);
$lucky-wine-dark: mix(#000, $lucky-wine, 20%);
.element {
color: $lucky-wine;
box-shadow: 0 0 0 2px rgba($lucky-wine, 0.35);
}