Nazwany kolor · #8E593C
Rope
Rope to #8E593C: rgb(142 89 60), hsl(21 41% 40%), oklch(0.516 0.082 48.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Rope color name →
#8E593C
oklch(0.516 0.082 48.9)
Konwersje koloru
- HEX
- #8e593c
- RGB
- rgb(142 89 60)
- HSL
- hsl(21 41% 40%)
- HWB
- hwb(21 24% 44%)
- OKLCH
- oklch(0.516 0.082 48.9)
- OKLab
- oklab(0.516 0.054 0.062)
- CIE Lab
- lab(43.44 20.2 26.23)
- LCH
- lch(43.44 33.1 52.4)
- CMYK
- cmyk(0% 37% 58% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9A694F
- A57961
- B08974
- BC9987
- C7A99A
- D2BAAE
- DECBC2
- E9DCD6
- F4EDEA
Odcienie ciemniejsze
- 7B4C33
- 68402A
- 563421
- 442819
- 341D11
- 24130A
- 150904
- 070301
- 010000
Tony
- 8D5D43
- 8C614A
- 8B6551
- 8A6958
- 896D5F
- 877166
- 86756C
- 847973
- 827C79
Harmonie kolorów
Komplementarna +180°
- 8E593C
Rope
- 2B718D
≈ Big Ocean Wave
Analogowa -30° +30°
- 8E593C
Rope
- 915455
≈ Maroon Rover
- 81622C
≈ Bronze Brown
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.76:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.64:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--rope: #8e593c;
--rope-rgb: 142 89 60;
--rope-oklch: oklch(0.516 0.082 48.9);
}
.element {
color: var(--rope);
background-color: hsl(21 41% 40%);
border-color: oklch(0.516 0.082 48.9);
}Tailwind CSS v4
@theme {
--color-rope: #8e593c;
--color-rope-50: #ffefe1;
--color-rope-100: #ffe1d0;
--color-rope-200: #f2cbb5;
--color-rope-300: #daac92;
--color-rope-400: #c79073;
--color-rope-500: #b27554;
--color-rope-600: #976448;
--color-rope-700: #794f39;
--color-rope-800: #5a3929;
--color-rope-900: #3f271c;
--color-rope-950: #28150c;
}SCSS
$rope: #8e593c;
$rope-rgb: 142, 89, 60;
$rope-light: mix(#fff, $rope, 20%);
$rope-dark: mix(#000, $rope, 20%);
.element {
color: $rope;
box-shadow: 0 0 0 2px rgba($rope, 0.35);
}