Cor nomeada mais próxima · #8C2436
#8C2436
Cor nomeada mais próxima: French Winery
#8C2436 (rgb(140 36 54), hsl(350 59% 35%), oklch(0.432 0.139 15.5)) é mais próxima da cor nomeada French Winery. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8C2436
oklch(0.432 0.139 15.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 9A3C48
- A7525A
- B3686D
- BF7D81
- CB9295
- D6A7A9
- E1BDBE
- EBD3D3
- F5E9E9
Sombras
- 791E2E
- 671825
- 55121E
- 430C16
- 33070F
- 230408
- 140203
- 070001
- 010000
Tons
- 8C313D
- 8D3B44
- 8C454C
- 8C4E53
- 8B575A
- 8A6062
- 886869
- 867071
- 837878
Harmonias de cor
Complementar +180°
- 8C2436
French Winery
- 005C5D
≈ Dark Turquoise
Análoga -30° +30°
- 8C2436
French Winery
- 822861
≈ Dark Raspberry
- 843400
≈ Coffee Addiction
Tríade +120° +240°
- 8C2436
French Winery
- 2D5F00
≈ Thuja Green
- 084E9A
≈ Freshwater Lake
Complementar dividida +150° +210°
- 8C2436
French Winery
- 005F44
≈ Sci-Fi Takeout
- 005972
≈ Deep Lagoon
Tétrade +90° +180° +270°
- 8C2436
French Winery
- 585300
≈ Douro
- 005C5D
≈ Dark Turquoise
- 4C3F97
≈ Blueberry
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.67:1 · APCA Lc 89
Ag
FailSobre preto
WCAG 2.42:1 · APCA Lc 14
Melhor cor de texto: #FFFFFF
WCAG 8.67:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
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);
}