Cor nomeada mais próxima · #855000
#855000
Cor nomeada mais próxima: Grizzly
#855000 (rgb(133 80 0), hsl(36 100% 26%), oklch(0.481 0.106 67.1)) é mais próxima da cor nomeada Grizzly. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#855000
oklch(0.481 0.106 67.1)
Conversões de cor
- HEX
- #855000
- RGB
- rgb(133 80 0)
- HSL
- hsl(36 100% 26%)
- HWB
- hwb(36 0% 48%)
- OKLCH
- oklch(0.481 0.106 67.1)
- OKLab
- oklab(0.481 0.041 0.098)
- CIE Lab
- lab(39.53 19.1 48.24)
- LCH
- lch(39.53 51.88 68.4)
- CMYK
- cmyk(0% 40% 100% 48%)
Tons claros · Sombras · Tons
Tons claros
- 916128
- 9E7242
- AA8359
- B69471
- C2A588
- CEB79F
- DBC8B6
- E7DACE
- F3EDE6
Sombras
- 734400
- 613900
- 502E00
- 402400
- 301A00
- 211000
- 130700
- 060200
- 010000
Tons
- 85551A
- 855A2A
- 855F37
- 856443
- 84694D
- 846E58
- 837262
- 82776C
- 817C76
Harmonias de cor
Complementar +180°
- 855000
Grizzly
- 216296
≈ Outer Reef
Análoga -30° +30°
- 855000
Grizzly
- 904530
≈ Sedona Stone
- 6E5D00
≈ Green Brown
Tríade +120° +240°
- 855000
Grizzly
- 006D66
≈ Office Blue Green
- 6E4C8C
≈ Grapes of Italy
Complementar dividida +150° +210°
- 855000
Grizzly
- 00697E
≈ Caribbean Splash
- 505799
≈ Governor Bay
Tétrade +90° +180° +270°
- 855000
Grizzly
- 156F45
≈ So-Sari
- 216296
≈ Outer Reef
- 834474
≈ Club Mauve
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.67:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.14:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--grizzly: #855000;
--grizzly-rgb: 133 80 0;
--grizzly-oklch: oklch(0.481 0.106 67.1);
}
.element {
color: var(--grizzly);
background-color: hsl(36 100% 26%);
border-color: oklch(0.481 0.106 67.1);
}Tailwind CSS v4
@theme {
--color-grizzly: #855000;
--color-grizzly-50: #fff0d5;
--color-grizzly-100: #ffe2c2;
--color-grizzly-200: #f3cda3;
--color-grizzly-300: #dbae7b;
--color-grizzly-400: #c99257;
--color-grizzly-500: #b5772c;
--color-grizzly-600: #996528;
--color-grizzly-700: #7a501f;
--color-grizzly-800: #5b3a15;
--color-grizzly-900: #40280e;
--color-grizzly-950: #291602;
}SCSS
$grizzly: #855000;
$grizzly-rgb: 133, 80, 0;
$grizzly-light: mix(#fff, $grizzly, 20%);
$grizzly-dark: mix(#000, $grizzly, 20%);
.element {
color: $grizzly;
box-shadow: 0 0 0 2px rgba($grizzly, 0.35);
}