Cor nomeada · #896C39
Kimirucha Brown
Kimirucha Brown é #896C39: rgb(137 108 57), hsl(38 41% 38%), oklch(0.549 0.078 80.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Kimirucha Brown color name →
#896C39
oklch(0.549 0.078 80.1)
Conversões de cor
- HEX
- #896c39
- RGB
- rgb(137 108 57)
- HSL
- hsl(38 41% 38%)
- HWB
- hwb(38 22% 46%)
- OKLCH
- oklch(0.549 0.078 80.1)
- OKLab
- oklab(0.549 0.013 0.077)
- CIE Lab
- lab(47.71 7.24 32.74)
- LCH
- lch(47.71 33.53 77.5)
- CMYK
- cmyk(0% 21% 58% 46%)
Tons claros · Sombras · Tons
Tons claros
- 947A4D
- A08860
- AB9673
- B7A587
- C3B39A
- CFC2AE
- DBD1C2
- E7E0D6
- F3F0EA
Sombras
- 765D30
- 644E28
- 53401F
- 423217
- 312510
- 221909
- 140D04
- 070401
- 010000
Tons
- 886E41
- 877049
- 877251
- 867458
- 85765F
- 847866
- 837A6C
- 827C73
- 817E7A
Harmonias de cor
Complementar +180°
- 896C39
Kimirucha Brown
- 56729F
≈ Cobalt Flame
Análoga -30° +30°
- 896C39
Kimirucha Brown
- 966347
≈ Natural Cork
- 74753D
≈ Crocodile Style
Tríade +120° +240°
- 896C39
Kimirucha Brown
- 2C7F83
≈ Jade Jewel
- 86628E
≈ Swiss Lilac
Complementar dividida +150° +210°
- 896C39
Kimirucha Brown
- 3B7A96
≈ Blue Dart Frog
- 70699C
≈ Pandora
Tétrade +90° +180° +270°
- 896C39
Kimirucha Brown
- 3C806A
≈ Shǔi Cǎo Lǜ Green
- 56729F
≈ Cobalt Flame
- 945E77
≈ Glitz and Glamour
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.92:1 · APCA Lc 74
Ag
FailSobre preto
WCAG 4.26:1 · APCA Lc 28
Melhor cor de texto: #FFFFFF
WCAG 4.92:1 (AA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--kimirucha-brown: #896c39;
--kimirucha-brown-rgb: 137 108 57;
--kimirucha-brown-oklch: oklch(0.549 0.078 80.1);
}
.element {
color: var(--kimirucha-brown);
background-color: hsl(38 41% 38%);
border-color: oklch(0.549 0.078 80.1);
}Tailwind CSS v4
@theme {
--color-kimirucha-brown: #896c39;
--color-kimirucha-brown-50: #fff4dd;
--color-kimirucha-brown-100: #f5e6cb;
--color-kimirucha-brown-200: #e5d2af;
--color-kimirucha-brown-300: #cbb48a;
--color-kimirucha-brown-400: #b79a69;
--color-kimirucha-brown-500: #a18047;
--color-kimirucha-brown-600: #886d3d;
--color-kimirucha-brown-700: #6d5730;
--color-kimirucha-brown-800: #513f22;
--color-kimirucha-brown-900: #392b16;
--color-kimirucha-brown-950: #231908;
}SCSS
$kimirucha-brown: #896c39;
$kimirucha-brown-rgb: 137, 108, 57;
$kimirucha-brown-light: mix(#fff, $kimirucha-brown, 20%);
$kimirucha-brown-dark: mix(#000, $kimirucha-brown, 20%);
.element {
color: $kimirucha-brown;
box-shadow: 0 0 0 2px rgba($kimirucha-brown, 0.35);
}