لون مسمّى · #01A368
Green Haze
Green Haze هو #01A368: rgb(1 163 104)، hsl(158 99% 32%)، oklch(0.631 0.145 158.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Green Haze color name →
#01A368
oklch(0.631 0.145 158.9)
تحويلات الألوان
- HEX
- #01a368
- RGB
- rgb(1 163 104)
- HSL
- hsl(158 99% 32%)
- HWB
- hwb(158 0% 36%)
- OKLCH
- oklch(0.631 0.145 158.9)
- OKLab
- oklab(0.631 -0.135 0.052)
- CIE Lab
- lab(59.07 -48.25 20.2)
- LCH
- lch(59.07 52.31 157.3)
- CMYK
- cmyk(99% 0% 36% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3AAC76
- 57B685
- 6FBF94
- 85C8A3
- 9BD2B2
- AFDBC1
- C3E4D0
- D7EDE0
- EBF6EF
درجات داكنة
- 018D59
- 01784B
- 00633E
- 004F30
- 003C24
- 002A18
- 00190C
- 000A04
- 000100
درجات رمادية
- 2AA06B
- 3C9D6D
- 499970
- 549672
- 5D9275
- 668F77
- 6D8B79
- 74887C
- 7A847E
تناسق الألوان
متمم +180°
- 01A368
Green Haze
- C163A6
≈ Young Purple
متجاور -30° +30°
- 01A368
Green Haze
- 6E992C
≈ Hidden Valley
- 009E97
≈ Caribbean Turquoise
ثلاثي +120° +240°
- 01A368
Green Haze
- 787DDF
≈ Tanzine
- D16642
≈ Citrus Notes
متمم منقسم +150° +210°
- 01A368
Green Haze
- A36ECB
≈ Rich Lavender
- D15F77
≈ Tuna Sashimi
رباعي +90° +180° +270°
- 01A368
Green Haze
- 348EDC
≈ Oregon Blue
- C163A6
≈ Young Purple
- BE7700
≈ Cassandra’s Curse
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.26:1 · APCA Lc 59
Ag
AAعلى الأسود
WCAG 6.44:1 · APCA Lc 42
أفضل لون للنص: #000000
WCAG 6.44:1 (AA) · APCA Lc 42
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--green-haze: #01a368;
--green-haze-rgb: 1 163 104;
--green-haze-oklch: oklch(0.631 0.145 158.9);
}
.element {
color: var(--green-haze);
background-color: hsl(158 99% 32%);
border-color: oklch(0.631 0.145 158.9);
}Tailwind CSS v4
@theme {
--color-green-haze: #01a368;
--color-green-haze-50: #d2ffe8;
--color-green-haze-100: #bef8d8;
--color-green-haze-200: #9be8c0;
--color-green-haze-300: #6dce9f;
--color-green-haze-400: #3eb87e;
--color-green-haze-500: #00a261;
--color-green-haze-600: #008953;
--color-green-haze-700: #006e42;
--color-green-haze-800: #00512d;
--color-green-haze-900: #00381e;
--color-green-haze-950: #00230e;
}SCSS
$green-haze: #01a368;
$green-haze-rgb: 1, 163, 104;
$green-haze-light: mix(#fff, $green-haze, 20%);
$green-haze-dark: mix(#000, $green-haze, 20%);
.element {
color: $green-haze;
box-shadow: 0 0 0 2px rgba($green-haze, 0.35);
}