أقرب لون مسمّى · #578227
#578227
أقرب لون مسمّى: Enchanted Forest
#578227 (rgb(87 130 39)، hsl(88 54% 33%)، oklch(0.556 0.129 131.3)) أقرب إلى اللون المسمّى Enchanted Forest. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#578227
oklch(0.556 0.129 131.3)
تحويلات الألوان
- HEX
- #578227
- RGB
- rgb(87 130 39)
- HSL
- hsl(88 54% 33%)
- HWB
- hwb(88 15% 49%)
- OKLCH
- oklch(0.556 0.129 131.3)
- OKLab
- oklab(0.556 -0.085 0.097)
- CIE Lab
- lab(49.79 -26.93 42.07)
- LCH
- lch(49.79 49.95 122.6)
- CMYK
- cmyk(33% 0% 70% 49%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 678E40
- 779B56
- 87A76B
- 97B380
- A8C095
- B9CCAA
- CAD9BF
- DCE6D4
- EDF2E9
درجات داكنة
- 4B7020
- 3E5F1A
- 334E14
- 273E0E
- 1C2F08
- 122004
- 081202
- 030601
- 000100
درجات رمادية
- 5B8234
- 60823F
- 648248
- 688251
- 6C825A
- 708262
- 74816A
- 788171
- 7C8179
تناسق الألوان
متمم +180°
- 578227
Enchanted Forest
- 8C5BAA
≈ Lusty Lavender
متجاور -30° +30°
- 578227
Enchanted Forest
- 827400
≈ Tool Green
- 00895B
≈ Vital Green
ثلاثي +120° +240°
- 578227
Enchanted Forest
- 3076BC
≈ Bluish
- B14E60
≈ Holly Berry
متمم منقسم +150° +210°
- 578227
Enchanted Forest
- 6868BC
≈ Bluish Purple Anemone
- A45189
≈ Purple Zergling
رباعي +90° +180° +270°
- 578227
Enchanted Forest
- 00809D
≈ Amazing Sky
- 8C5BAA
≈ Lusty Lavender
- B05531
≈ Red Stage
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.53:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.62:1 · APCA Lc 30
أفضل لون للنص: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--enchanted-forest: #578227;
--enchanted-forest-rgb: 87 130 39;
--enchanted-forest-oklch: oklch(0.556 0.129 131.3);
}
.element {
color: var(--enchanted-forest);
background-color: hsl(88 54% 33%);
border-color: oklch(0.556 0.129 131.3);
}Tailwind CSS v4
@theme {
--color-enchanted-forest: #578227;
--color-enchanted-forest-50: #e7fed8;
--color-enchanted-forest-100: #d7f2c6;
--color-enchanted-forest-200: #bfe1a8;
--color-enchanted-forest-300: #9dc681;
--color-enchanted-forest-400: #83ae5a;
--color-enchanted-forest-500: #669731;
--color-enchanted-forest-600: #57802b;
--color-enchanted-forest-700: #456622;
--color-enchanted-forest-800: #344b14;
--color-enchanted-forest-900: #23340d;
--color-enchanted-forest-950: #121f02;
}SCSS
$enchanted-forest: #578227;
$enchanted-forest-rgb: 87, 130, 39;
$enchanted-forest-light: mix(#fff, $enchanted-forest, 20%);
$enchanted-forest-dark: mix(#000, $enchanted-forest, 20%);
.element {
color: $enchanted-forest;
box-shadow: 0 0 0 2px rgba($enchanted-forest, 0.35);
}