Nazwany kolor · #AC1E44
French Wine
French Wine to #AC1E44: rgb(172 30 68), hsl(344 70% 40%), oklch(0.488 0.176 12.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · French Wine color name →
#AC1E44
oklch(0.488 0.176 12.4)
Konwersje koloru
- HEX
- #ac1e44
- RGB
- rgb(172 30 68)
- HSL
- hsl(344 70% 40%)
- HWB
- hwb(344 12% 33%)
- OKLCH
- oklch(0.488 0.176 12.4)
- OKLab
- oklab(0.488 0.172 0.038)
- CIE Lab
- lab(38.66 56.97 16.59)
- LCH
- lch(38.66 59.34 16.2)
- CMYK
- cmyk(0% 83% 60% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B73C55
- C25566
- CC6B78
- D5808A
- DE959D
- E6AAB0
- EDBFC3
- F4D4D7
- FAEAEB
Odcienie ciemniejsze
- 95193A
- 7F1330
- 690E26
- 54091D
- 400514
- 2D030C
- 1B0105
- 0B0002
- 010000
Tony
- A92F4A
- A73C50
- A34756
- A0515C
- 9C5962
- 986268
- 936A6E
- 8D7174
- 87797A
Harmonie kolorów
Komplementarna +180°
- AC1E44
French Wine
- 006F6C
≈ Pine Scented Lagoon
Analogowa -30° +30°
- AC1E44
French Wine
- 9D277B
≈ Haunted Purple
- A03B00
≈ Muddy
Triada +120° +240°
- AC1E44
French Wine
- 406F00
≈ Forest Empress
- 0060B0
≈ Greek Flag Blue
Komplementarna rozszczepiona +150° +210°
- AC1E44
French Wine
- 00724D
≈ Lush Meadow
- 006B85
≈ Arabian Nights
Tetrada +90° +180° +270°
- AC1E44
French Wine
- 6C6100
≈ Green Brown
- 006F6C
≈ Pine Scented Lagoon
- 564ABE
≈ Swiss Plum
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.94:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.02:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.94:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--french-wine: #ac1e44;
--french-wine-rgb: 172 30 68;
--french-wine-oklch: oklch(0.488 0.176 12.4);
}
.element {
color: var(--french-wine);
background-color: hsl(344 70% 40%);
border-color: oklch(0.488 0.176 12.4);
}Tailwind CSS v4
@theme {
--color-french-wine: #ac1e44;
--color-french-wine-50: #ffe1e6;
--color-french-wine-100: #ffd0d6;
--color-french-wine-200: #ffb5bd;
--color-french-wine-300: #ff8f9b;
--color-french-wine-400: #f36c82;
--color-french-wine-500: #e14466;
--color-french-wine-600: #be3b56;
--color-french-wine-700: #992f45;
--color-french-wine-800: #722134;
--color-french-wine-900: #501623;
--color-french-wine-950: #350612;
}SCSS
$french-wine: #ac1e44;
$french-wine-rgb: 172, 30, 68;
$french-wine-light: mix(#fff, $french-wine, 20%);
$french-wine-dark: mix(#000, $french-wine, 20%);
.element {
color: $french-wine;
box-shadow: 0 0 0 2px rgba($french-wine, 0.35);
}