Colore con nome · #63884A
Homegrown
Homegrown è #63884A: rgb(99 136 74), hsl(96 30% 41%), oklch(0.583 0.098 133.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Homegrown color name →
#63884A
oklch(0.583 0.098 133.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 72945C
- 819F6D
- 90AB7F
- 9FB791
- AFC3A3
- BECEB5
- CEDAC7
- DEE7D9
- EFF3EC
Ombre
- 55753F
- 476335
- 3A522A
- 2E4120
- 213117
- 16220E
- 0B1306
- 030602
- 000100
Toni
- 668750
- 698756
- 6C865C
- 6F8561
- 728567
- 75846C
- 788371
- 7A8276
- 7D817B
Armonie di colore
Complementare +180°
- 63884A
Homegrown
- 9069A4
≈ Amethyst Orchid
Analogo -30° +30°
- 63884A
Homegrown
- 857E31
≈ Verdant
- 398E6B
≈ Leprechaun
Triadico +120° +240°
- 63884A
Homegrown
- 507EB4
≈ Azul Pavo Real
- AD626A
≈ Redbud
Complementare divisa +150° +210°
- 63884A
Homegrown
- 7473B4
≈ Wind Star
- A4638A
≈ Wild Mulberry
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.07:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.15:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.15:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
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);
}