Najbliższy nazwany kolor · #8C2436
#8C2436
Najbliższy nazwany kolor: French Winery
#8C2436 (rgb(140 36 54), hsl(350 59% 35%), oklch(0.432 0.139 15.5)) jest najbliższy nazwanemu kolorowi French Winery. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8C2436
oklch(0.432 0.139 15.5)
Konwersje koloru
- HEX
- #8c2436
- RGB
- rgb(140 36 54)
- HSL
- hsl(350 59% 35%)
- HWB
- hwb(350 14% 45%)
- OKLCH
- oklch(0.432 0.139 15.5)
- OKLab
- oklab(0.432 0.133 0.037)
- CIE Lab
- lab(32.53 44.82 16.18)
- LCH
- lch(32.53 47.65 19.9)
- CMYK
- cmyk(0% 74% 61% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9A3C48
- A7525A
- B3686D
- BF7D81
- CB9295
- D6A7A9
- E1BDBE
- EBD3D3
- F5E9E9
Odcienie ciemniejsze
- 791E2E
- 671825
- 55121E
- 430C16
- 33070F
- 230408
- 140203
- 070001
- 010000
Tony
- 8C313D
- 8D3B44
- 8C454C
- 8C4E53
- 8B575A
- 8A6062
- 886869
- 867071
- 837878
Harmonie kolorów
Komplementarna +180°
- 8C2436
French Winery
- 005C5D
≈ Dark Turquoise
Analogowa -30° +30°
- 8C2436
French Winery
- 822861
≈ Dark Raspberry
- 843400
≈ Coffee Addiction
Triada +120° +240°
- 8C2436
French Winery
- 2D5F00
≈ Thuja Green
- 084E9A
≈ Freshwater Lake
Komplementarna rozszczepiona +150° +210°
- 8C2436
French Winery
- 005F44
≈ Sci-Fi Takeout
- 005972
≈ Deep Lagoon
Tetrada +90° +180° +270°
- 8C2436
French Winery
- 585300
≈ Douro
- 005C5D
≈ Dark Turquoise
- 4C3F97
≈ Blueberry
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.67:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.42:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.67:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--french-winery: #8c2436;
--french-winery-rgb: 140 36 54;
--french-winery-oklch: oklch(0.432 0.139 15.5);
}
.element {
color: var(--french-winery);
background-color: hsl(350 59% 35%);
border-color: oklch(0.432 0.139 15.5);
}Tailwind CSS v4
@theme {
--color-french-winery: #8c2436;
--color-french-winery-50: #ffe6e7;
--color-french-winery-100: #ffd6d7;
--color-french-winery-200: #ffbdbe;
--color-french-winery-300: #f69a9d;
--color-french-winery-400: #e47a83;
--color-french-winery-500: #d15967;
--color-french-winery-600: #b14c58;
--color-french-winery-700: #8e3d46;
--color-french-winery-800: #6a2b34;
--color-french-winery-900: #4a1d23;
--color-french-winery-950: #310c12;
}SCSS
$french-winery: #8c2436;
$french-winery-rgb: 140, 36, 54;
$french-winery-light: mix(#fff, $french-winery, 20%);
$french-winery-dark: mix(#000, $french-winery, 20%);
.element {
color: $french-winery;
box-shadow: 0 0 0 2px rgba($french-winery, 0.35);
}