Cor nomeada · #8E593C
Rope
Rope é #8E593C: rgb(142 89 60), hsl(21 41% 40%), oklch(0.516 0.082 48.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Rope color name →
#8E593C
oklch(0.516 0.082 48.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 9A694F
- A57961
- B08974
- BC9987
- C7A99A
- D2BAAE
- DECBC2
- E9DCD6
- F4EDEA
Sombras
- 7B4C33
- 68402A
- 563421
- 442819
- 341D11
- 24130A
- 150904
- 070301
- 010000
Tons
- 8D5D43
- 8C614A
- 8B6551
- 8A6958
- 896D5F
- 877166
- 86756C
- 847973
- 827C79
Harmonias de cor
Complementar +180°
- 8E593C
Rope
- 2B718D
≈ Big Ocean Wave
Análoga -30° +30°
- 8E593C
Rope
- 915455
≈ Maroon Rover
- 81622C
≈ Bronze Brown
Tríade +120° +240°
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.76:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.64:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
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);
}