Cor nomeada mais próxima · #8A5200
#8A5200
Cor nomeada mais próxima: Grizzly
#8A5200 (rgb(138 82 0), hsl(36 100% 27%), oklch(0.492 0.11 66)) é mais próxima da cor nomeada Grizzly. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8A5200
oklch(0.492 0.11 66)
Conversões de cor
- HEX
- #8a5200
- RGB
- rgb(138 82 0)
- HSL
- hsl(36 100% 27%)
- HWB
- hwb(36 0% 46%)
- OKLCH
- oklch(0.492 0.11 66)
- OKLab
- oklab(0.492 0.045 0.1)
- CIE Lab
- lab(40.74 20.28 49.38)
- LCH
- lch(40.74 53.38 67.7)
- CMYK
- cmyk(0% 41% 100% 46%)
Tons claros · Sombras · Tons
Tons claros
- 966329
- A27343
- AE845A
- B99571
- C5A688
- D1B8A0
- DCC9B7
- E8DBCF
- F3EDE7
Sombras
- 774600
- 653B00
- 532F00
- 422500
- 321A00
- 221100
- 140800
- 070200
- 010000
Tons
- 8A571B
- 895C2B
- 886138
- 886643
- 876A4E
- 866F58
- 847363
- 83786C
- 827C76
Harmonias de cor
Complementar +180°
- 8A5200
Grizzly
- 1F659B
≈ Impulse Blue
Análoga -30° +30°
- 8A5200
Grizzly
- 944732
≈ Dark Brazilian Topaz
- 726000
≈ Spicy Mustard
Tríade +120° +240°
- 8A5200
Grizzly
- 007168
≈ Pharaoh’s Gem
- 714F92
≈ Parfait d’Amour
Complementar dividida +150° +210°
- 8A5200
Grizzly
- 006D81
≈ Azure Green Blue
- 515A9E
≈ Purple Frenzy
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.38:1 · APCA Lc 81
Ag
FailSobre preto
WCAG 3.28:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--grizzly: #8a5200;
--grizzly-rgb: 138 82 0;
--grizzly-oklch: oklch(0.492 0.11 66);
}
.element {
color: var(--grizzly);
background-color: hsl(36 100% 27%);
border-color: oklch(0.492 0.11 66);
}Tailwind CSS v4
@theme {
--color-grizzly: #8a5200;
--color-grizzly-50: #fff0d4;
--color-grizzly-100: #ffe2c1;
--color-grizzly-200: #f4cca2;
--color-grizzly-300: #ddad7a;
--color-grizzly-400: #ca9154;
--color-grizzly-500: #b77629;
--color-grizzly-600: #9a6425;
--color-grizzly-700: #7c501d;
--color-grizzly-800: #5c3914;
--color-grizzly-900: #41270d;
--color-grizzly-950: #291502;
}SCSS
$grizzly: #8a5200;
$grizzly-rgb: 138, 82, 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);
}