Cor nomeada · #8D736C
Brown Rose
Brown Rose é #8D736C: rgb(141 115 108), hsl(13 13% 49%), oklch(0.578 0.035 35.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Brown Rose color name →
#8D736C
oklch(0.578 0.035 35.5)
Conversões de cor
- HEX
- #8d736c
- RGB
- rgb(141 115 108)
- HSL
- hsl(13 13% 49%)
- HWB
- hwb(13 42% 45%)
- OKLCH
- oklch(0.578 0.035 35.5)
- OKLab
- oklab(0.578 0.028 0.02)
- CIE Lab
- lab(50.83 9.67 7.92)
- LCH
- lch(50.83 12.5 39.3)
- CMYK
- cmyk(0% 18% 23% 45%)
Tons claros · Sombras · Tons
Tons claros
- 98807A
- A38D88
- AE9B96
- BAA9A4
- C5B7B3
- D0C5C2
- DCD3D1
- E8E2E0
- F3F0EF
Sombras
- 7A635D
- 67544E
- 554540
- 443632
- 332825
- 231B19
- 140F0D
- 070504
- 010100
Tons
- 8C746E
- 8B7670
- 897772
- 887874
- 877A76
- 867B78
- 847C7A
- 837D7C
- 817F7E
Harmonias de cor
Complementar +180°
- 8D736C
Brown Rose
- 637F87
≈ Blue Thunder
Análoga -30° +30°
- 8D736C
Brown Rose
- 8D7277
≈ Myself
- 897665
≈ Towering Cliffs
Tríade +120° +240°
- 8D736C
Brown Rose
- 6A8071
≈ Ecological
- 74798F
≈ Blue Granite
Complementar dividida +150° +210°
- 8D736C
Brown Rose
- 63817D
≈ Teal Stencil
- 697C8D
≈ Pier 17 Steel
Tétrade +90° +180° +270°
- 8D736C
Brown Rose
- 757E68
≈ Expanse
- 637F87
≈ Blue Thunder
- 7F758B
≈ Hyacinth Dream
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.37:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.80:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.80:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--brown-rose: #8d736c;
--brown-rose-rgb: 141 115 108;
--brown-rose-oklch: oklch(0.578 0.035 35.5);
}
.element {
color: var(--brown-rose);
background-color: hsl(13 13% 49%);
border-color: oklch(0.578 0.035 35.5);
}Tailwind CSS v4
@theme {
--color-brown-rose: #8d736c;
--color-brown-rose-50: #fff2ee;
--color-brown-rose-100: #f3e4e0;
--color-brown-rose-200: #e2d0ca;
--color-brown-rose-300: #c8b2ab;
--color-brown-rose-400: #b29891;
--color-brown-rose-500: #9c7f77;
--color-brown-rose-600: #846b65;
--color-brown-rose-700: #695650;
--color-brown-rose-800: #4e3e3b;
--color-brown-rose-900: #362b28;
--color-brown-rose-950: #211816;
}SCSS
$brown-rose: #8d736c;
$brown-rose-rgb: 141, 115, 108;
$brown-rose-light: mix(#fff, $brown-rose, 20%);
$brown-rose-dark: mix(#000, $brown-rose, 20%);
.element {
color: $brown-rose;
box-shadow: 0 0 0 2px rgba($brown-rose, 0.35);
}