Nazwany kolor · #8C2C24
Borscht
Borscht to #8C2C24: rgb(140 44 36), hsl(5 59% 35%), oklch(0.437 0.132 28.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Borscht color name →
#8C2C24
oklch(0.437 0.132 28.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 994239
- A6574E
- B36C62
- BF8077
- CA958D
- D6AAA3
- E0BFB9
- EBD4D0
- F5E9E7
Odcienie ciemniejsze
- 79251E
- 671E18
- 551712
- 43110C
- 330A07
- 230504
- 140202
- 070100
- 010000
Tony
- 8C372E
- 8C4038
- 8C4941
- 8B524A
- 8B5A53
- 89625C
- 886A65
- 86716E
- 837977
Harmonie kolorów
Komplementarna +180°
- 8C2C24
Borscht
- 005D68
≈ Hero
Analogowa -30° +30°
- 8C2C24
Borscht
- 872A51
≈ Raspberry Radiance
- 7B4000
≈ Hazelnut Chocolate
Triada +120° +240°
- 8C2C24
Borscht
- 006326
≈ Woodland Wonder
- 344A99
≈ Dazzling Blue
Komplementarna rozszczepiona +150° +210°
- 8C2C24
Borscht
- 006052
≈ Alpine Green
- 005881
≈ Mykonos Blue
Tetrada +90° +180° +270°
- 8C2C24
Borscht
- 4D5900
≈ Kyuri Green
- 005D68
≈ Hero
- 5C3D8F
≈ Daisy Bush
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.39:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.50:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.39:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}