لون مسمّى · #63884A
Homegrown
Homegrown هو #63884A: rgb(99 136 74)، hsl(96 30% 41%)، oklch(0.583 0.098 133.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Homegrown color name →
#63884A
oklch(0.583 0.098 133.8)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 72945C
- 819F6D
- 90AB7F
- 9FB791
- AFC3A3
- BECEB5
- CEDAC7
- DEE7D9
- EFF3EC
درجات داكنة
- 55753F
- 476335
- 3A522A
- 2E4120
- 213117
- 16220E
- 0B1306
- 030602
- 000100
درجات رمادية
- 668750
- 698756
- 6C865C
- 6F8561
- 728567
- 75846C
- 788371
- 7A8276
- 7D817B
تناسق الألوان
متمم +180°
- 63884A
Homegrown
- 9069A4
≈ Amethyst Orchid
متجاور -30° +30°
- 63884A
Homegrown
- 857E31
≈ Verdant
- 398E6B
≈ Leprechaun
ثلاثي +120° +240°
- 63884A
Homegrown
- 507EB4
≈ Azul Pavo Real
- AD626A
≈ Redbud
متمم منقسم +150° +210°
- 63884A
Homegrown
- 7473B4
≈ Wind Star
- A4638A
≈ Wild Mulberry
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.07:1 · APCA Lc 68
Ag
AAعلى الأسود
WCAG 5.15:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 5.15:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
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);
}