Colore con nome · #8C2C24
Borscht
Borscht è #8C2C24: rgb(140 44 36), hsl(5 59% 35%), oklch(0.437 0.132 28.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Borscht color name →
#8C2C24
oklch(0.437 0.132 28.4)
Conversioni di colore
- HEX
- #8c2c24
- RGB
- rgb(140 44 36)
- HSL
- hsl(5 59% 35%)
- HWB
- hwb(5 14% 45%)
- OKLCH
- oklch(0.437 0.132 28.4)
- OKLab
- oklab(0.437 0.116 0.063)
- CIE Lab
- lab(33.45 40.96 28.67)
- LCH
- lch(33.45 50 35)
- CMYK
- cmyk(0% 69% 74% 45%)
Tinte · Ombre · Toni
Tinte
- 994239
- A6574E
- B36C62
- BF8077
- CA958D
- D6AAA3
- E0BFB9
- EBD4D0
- F5E9E7
Ombre
- 79251E
- 671E18
- 551712
- 43110C
- 330A07
- 230504
- 140202
- 070100
- 010000
Toni
- 8C372E
- 8C4038
- 8C4941
- 8B524A
- 8B5A53
- 89625C
- 886A65
- 86716E
- 837977
Armonie di colore
Complementare +180°
- 8C2C24
Borscht
- 005D68
≈ Hero
Analogo -30° +30°
- 8C2C24
Borscht
- 872A51
≈ Raspberry Radiance
- 7B4000
≈ Hazelnut Chocolate
Triadico +120° +240°
- 8C2C24
Borscht
- 006326
≈ Woodland Wonder
- 344A99
≈ Dazzling Blue
Complementare divisa +150° +210°
- 8C2C24
Borscht
- 006052
≈ Alpine Green
- 005881
≈ Mykonos Blue
Tetradico +90° +180° +270°
- 8C2C24
Borscht
- 4D5900
≈ Kyuri Green
- 005D68
≈ Hero
- 5C3D8F
≈ Daisy Bush
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.39:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.50:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.39:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--borscht: #8c2c24;
--borscht-rgb: 140 44 36;
--borscht-oklch: oklch(0.437 0.132 28.4);
}
.element {
color: var(--borscht);
background-color: hsl(5 59% 35%);
border-color: oklch(0.437 0.132 28.4);
}Tailwind CSS v4
@theme {
--color-borscht: #8c2c24;
--color-borscht-50: #ffe8df;
--color-borscht-100: #ffd8ce;
--color-borscht-200: #ffc0b3;
--color-borscht-300: #f39e8f;
--color-borscht-400: #e27e71;
--color-borscht-500: #cf5f52;
--color-borscht-600: #af5146;
--color-borscht-700: #8c4038;
--color-borscht-800: #692e29;
--color-borscht-900: #4a1f1c;
--color-borscht-950: #300e0c;
}SCSS
$borscht: #8c2c24;
$borscht-rgb: 140, 44, 36;
$borscht-light: mix(#fff, $borscht, 20%);
$borscht-dark: mix(#000, $borscht, 20%);
.element {
color: $borscht;
box-shadow: 0 0 0 2px rgba($borscht, 0.35);
}