Cor nomeada · #A7735A
Marron Canela
Marron Canela é #A7735A: rgb(167 115 90), hsl(19 30% 50%), oklch(0.603 0.075 46.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Marron Canela color name →
#A7735A
oklch(0.603 0.075 46.5)
Conversões de cor
- HEX
- #a7735a
- RGB
- rgb(167 115 90)
- HSL
- hsl(19 30% 50%)
- HWB
- hwb(19 35% 35%)
- OKLCH
- oklch(0.603 0.075 46.5)
- OKLab
- oklab(0.603 0.052 0.055)
- CIE Lab
- lab(53.5 18.89 22.52)
- LCH
- lch(53.5 29.4 50)
- CMYK
- cmyk(0% 31% 46% 35%)
Tons claros · Sombras · Tons
Tons claros
- B0806A
- B98E7A
- C29C8A
- CBA99A
- D4B7AA
- DDC5BB
- E5D4CB
- EEE2DC
- F6F0EE
Sombras
- 91634D
- 7B5441
- 664535
- 523629
- 3E281E
- 2C1B13
- 1A0F09
- 0A0503
- 010100
Tons
- A3755E
- A07662
- 9C7766
- 98796A
- 947A6E
- 917B72
- 8D7D75
- 887E79
- 847F7C
Harmonias de cor
Complementar +180°
- A7735A
Marron Canela
- 4B8AA4
≈ Cossack Dancer
Análoga -30° +30°
- A7735A
Marron Canela
- AA6E71
≈ Pomegranate Tea
- 9B7B4C
≈ Frontier Paradise
Tríade +120° +240°
- A7735A
Marron Canela
- 519077
≈ Winter Green
- 7D7AAC
≈ Purple Rhapsody
Complementar dividida +150° +210°
- A7735A
Marron Canela
- 428F90
≈ Blue Chill
- 6383AE
≈ Pacific Coast
Tétrade +90° +180° +270°
- A7735A
Marron Canela
- 6C8C5E
≈ Succulent Leaves
- 4B8AA4
≈ Cossack Dancer
- 9373A0
≈ Diffused Orchid
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.00:1 · APCA Lc 67
Ag
AASobre preto
WCAG 5.24:1 · APCA Lc 34
Melhor cor de texto: #000000
WCAG 5.24:1 (AA) · APCA Lc 34
Contrast pairs
Trechos de código
CSS
:root {
--marron-canela: #a7735a;
--marron-canela-rgb: 167 115 90;
--marron-canela-oklch: oklch(0.603 0.075 46.5);
}
.element {
color: var(--marron-canela);
background-color: hsl(19 30% 50%);
border-color: oklch(0.603 0.075 46.5);
}Tailwind CSS v4
@theme {
--color-marron-canela: #a7735a;
--color-marron-canela-50: #ffefe3;
--color-marron-canela-100: #fee1d2;
--color-marron-canela-200: #f0cbb9;
--color-marron-canela-300: #d8ad96;
--color-marron-canela-400: #c49178;
--color-marron-canela-500: #b0765b;
--color-marron-canela-600: #95644d;
--color-marron-canela-700: #77503d;
--color-marron-canela-800: #593a2c;
--color-marron-canela-900: #3e281e;
--color-marron-canela-950: #27160e;
}SCSS
$marron-canela: #a7735a;
$marron-canela-rgb: 167, 115, 90;
$marron-canela-light: mix(#fff, $marron-canela, 20%);
$marron-canela-dark: mix(#000, $marron-canela, 20%);
.element {
color: $marron-canela;
box-shadow: 0 0 0 2px rgba($marron-canela, 0.35);
}