Cor nomeada · #63884A
Homegrown
Homegrown é #63884A: rgb(99 136 74), hsl(96 30% 41%), oklch(0.583 0.098 133.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Homegrown color name →
#63884A
oklch(0.583 0.098 133.8)
Conversões de cor
- HEX
- #63884a
- RGB
- rgb(99 136 74)
- HSL
- hsl(96 30% 41%)
- HWB
- hwb(96 29% 47%)
- OKLCH
- oklch(0.583 0.098 133.8)
- OKLab
- oklab(0.583 -0.068 0.071)
- CIE Lab
- lab(52.78 -22.25 28.84)
- LCH
- lch(52.78 36.42 127.7)
- CMYK
- cmyk(27% 0% 46% 47%)
Tons claros · Sombras · Tons
Tons claros
- 72945C
- 819F6D
- 90AB7F
- 9FB791
- AFC3A3
- BECEB5
- CEDAC7
- DEE7D9
- EFF3EC
Sombras
- 55753F
- 476335
- 3A522A
- 2E4120
- 213117
- 16220E
- 0B1306
- 030602
- 000100
Tons
- 668750
- 698756
- 6C865C
- 6F8561
- 728567
- 75846C
- 788371
- 7A8276
- 7D817B
Harmonias de cor
Complementar +180°
- 63884A
Homegrown
- 9069A4
≈ Amethyst Orchid
Análoga -30° +30°
- 63884A
Homegrown
- 857E31
≈ Verdant
- 398E6B
≈ Leprechaun
Tríade +120° +240°
- 63884A
Homegrown
- 507EB4
≈ Azul Pavo Real
- AD626A
≈ Redbud
Complementar dividida +150° +210°
- 63884A
Homegrown
- 7473B4
≈ Wind Star
- A4638A
≈ Wild Mulberry
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.07:1 · APCA Lc 68
Ag
AASobre preto
WCAG 5.15:1 · APCA Lc 34
Melhor cor de texto: #000000
WCAG 5.15:1 (AA) · APCA Lc 34
Contrast pairs
Trechos de código
CSS
:root {
--homegrown: #63884a;
--homegrown-rgb: 99 136 74;
--homegrown-oklch: oklch(0.583 0.098 133.8);
}
.element {
color: var(--homegrown);
background-color: hsl(96 30% 41%);
border-color: oklch(0.583 0.098 133.8);
}Tailwind CSS v4
@theme {
--color-homegrown: #63884a;
--color-homegrown-50: #e9fce0;
--color-homegrown-100: #daf0d0;
--color-homegrown-200: #c2deb5;
--color-homegrown-300: #a1c391;
--color-homegrown-400: #87ab6f;
--color-homegrown-500: #6b944f;
--color-homegrown-600: #5b7d43;
--color-homegrown-700: #486435;
--color-homegrown-800: #364924;
--color-homegrown-900: #253318;
--color-homegrown-950: #131f09;
}SCSS
$homegrown: #63884a;
$homegrown-rgb: 99, 136, 74;
$homegrown-light: mix(#fff, $homegrown, 20%);
$homegrown-dark: mix(#000, $homegrown, 20%);
.element {
color: $homegrown;
box-shadow: 0 0 0 2px rgba($homegrown, 0.35);
}