Colore con nome · #8E593C
Rope
Rope è #8E593C: rgb(142 89 60), hsl(21 41% 40%), oklch(0.516 0.082 48.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Rope color name →
#8E593C
oklch(0.516 0.082 48.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9A694F
- A57961
- B08974
- BC9987
- C7A99A
- D2BAAE
- DECBC2
- E9DCD6
- F4EDEA
Ombre
- 7B4C33
- 68402A
- 563421
- 442819
- 341D11
- 24130A
- 150904
- 070301
- 010000
Toni
- 8D5D43
- 8C614A
- 8B6551
- 8A6958
- 896D5F
- 877166
- 86756C
- 847973
- 827C79
Armonie di colore
Complementare +180°
- 8E593C
Rope
- 2B718D
≈ Big Ocean Wave
Analogo -30° +30°
- 8E593C
Rope
- 915455
≈ Maroon Rover
- 81622C
≈ Bronze Brown
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.76:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.64:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
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);
}