أقرب لون مسمّى · #89A66E
#89A66E
أقرب لون مسمّى: Green Tea Mochi
#89A66E (rgb(137 166 110)، hsl(91 24% 54%)، oklch(0.689 0.085 130.6)) أقرب إلى اللون المسمّى Green Tea Mochi. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#89A66E
oklch(0.689 0.085 130.6)
تحويلات الألوان
- HEX
- #89a66e
- RGB
- rgb(137 166 110)
- HSL
- hsl(91 24% 54%)
- HWB
- hwb(91 43% 35%)
- OKLCH
- oklch(0.689 0.085 130.6)
- OKLab
- oklab(0.689 -0.055 0.064)
- CIE Lab
- lab(64.84 -18.05 25.62)
- LCH
- lch(64.84 31.34 125.2)
- CMYK
- cmyk(17% 0% 34% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 94AF7C
- A0B88A
- ABC099
- B7C9A7
- C3D2B5
- CEDBC4
- DAE4D3
- E7EDE1
- F3F6F0
درجات داكنة
- 76905F
- 647A50
- 536541
- 425133
- 313E26
- 222B19
- 141A0E
- 070A04
- 010101
درجات رمادية
- 88A270
- 879E72
- 869B74
- 869776
- 859378
- 848F7A
- 838B7C
- 82887D
- 81847F
تناسق الألوان
متمم +180°
- 89A66E
Green Tea Mochi
- AC8CC2
≈ East Side
متجاور -30° +30°
- 89A66E
Green Tea Mochi
- A79D5D
≈ Mediaeval Sulphur
- 6AAC8A
≈ Verdigris Green
ثلاثي +120° +240°
- 89A66E
Green Tea Mochi
- 739FCE
≈ Blue Lechery
- C9858E
≈ Rose Sachet
متمم منقسم +150° +210°
- 89A66E
Green Tea Mochi
- 9195CF
≈ Fast Velvet
- BF86AB
≈ Lavender Quartz
رباعي +90° +180° +270°
- 89A66E
Green Tea Mochi
- 59A7C0
≈ Pottery Blue
- AC8CC2
≈ East Side
- C98972
≈ Secluded Canyon
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.71:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.74:1 · APCA Lc 49
أفضل لون للنص: #000000
WCAG 7.74:1 (AAA) · APCA Lc 49
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--green-tea-mochi: #89a66e;
--green-tea-mochi-rgb: 137 166 110;
--green-tea-mochi-oklch: oklch(0.689 0.085 130.6);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(91 24% 54%);
border-color: oklch(0.689 0.085 130.6);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #89a66e;
--color-green-tea-mochi-50: #ecfbe2;
--color-green-tea-mochi-100: #ddeed2;
--color-green-tea-mochi-200: #c7ddb8;
--color-green-tea-mochi-300: #a7c195;
--color-green-tea-mochi-400: #8da974;
--color-green-tea-mochi-500: #739255;
--color-green-tea-mochi-600: #617b48;
--color-green-tea-mochi-700: #4e6339;
--color-green-tea-mochi-800: #394828;
--color-green-tea-mochi-900: #27321b;
--color-green-tea-mochi-950: #151e0b;
}SCSS
$green-tea-mochi: #89a66e;
$green-tea-mochi-rgb: 137, 166, 110;
$green-tea-mochi-light: mix(#fff, $green-tea-mochi, 20%);
$green-tea-mochi-dark: mix(#000, $green-tea-mochi, 20%);
.element {
color: $green-tea-mochi;
box-shadow: 0 0 0 2px rgba($green-tea-mochi, 0.35);
}