أقرب لون مسمّى · #6AAE00
#6AAE00
أقرب لون مسمّى: Extra Life
#6AAE00 (rgb(106 174 0)، hsl(83 100% 34%)، oklch(0.679 0.188 131.9)) أقرب إلى اللون المسمّى Extra Life. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#6AAE00
oklch(0.679 0.188 131.9)
تحويلات الألوان
- HEX
- #6aae00
- RGB
- rgb(106 174 0)
- HSL
- hsl(83 100% 34%)
- HWB
- hwb(83 0% 32%)
- OKLCH
- oklch(0.679 0.188 131.9)
- OKLab
- oklab(0.679 -0.126 0.14)
- CIE Lab
- lab(64.6 -39.22 64.21)
- LCH
- lch(64.6 75.24 121.4)
- CMYK
- cmyk(39% 0% 100% 32%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 79B737
- 88BF54
- 96C76C
- A5D082
- B4D898
- C3E0AD
- D2E8C1
- E1F0D6
- F0F7EA
درجات داكنة
- 5B9700
- 4D8000
- 3F6A00
- 315500
- 244100
- 182E00
- 0D1C00
- 040B00
- 000100
درجات رمادية
- 6DAA27
- 70A539
- 72A146
- 749D51
- 77985B
- 799364
- 7B8F6B
- 7D8A73
- 7E857A
تناسق الألوان
متمم +180°
- 6AAE00
Extra Life
- BE6FEA
≈ Illicit Purple
متجاور -30° +30°
- 6AAE00
Extra Life
- AA9A00
≈ Nuclear Fallout
- 00B37B
≈ April Fool’s Red
ثلاثي +120° +240°
- 6AAE00
Extra Life
- 349AFF
≈ Brilliant Azure
- F45B79
≈ Ponceau
متمم منقسم +150° +210°
- 6AAE00
Extra Life
- 8986FF
≈ Periwinkle
- E260B8
≈ Pink Charge
رباعي +90° +180° +270°
- 6AAE00
Extra Life
- 00A8CF
≈ Reboot
- BE6FEA
≈ Illicit Purple
- F36625
≈ Fuego Nuevo
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.73:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.66:1 · APCA Lc 49
أفضل لون للنص: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--extra-life: #6aae00;
--extra-life-rgb: 106 174 0;
--extra-life-oklch: oklch(0.679 0.188 131.9);
}
.element {
color: var(--extra-life);
background-color: hsl(83 100% 34%);
border-color: oklch(0.679 0.188 131.9);
}Tailwind CSS v4
@theme {
--color-extra-life: #6aae00;
--color-extra-life-50: #e0ffcb;
--color-extra-life-100: #cef6b6;
--color-extra-life-200: #b3e693;
--color-extra-life-300: #8fcc64;
--color-extra-life-400: #73b427;
--color-extra-life-500: #539d00;
--color-extra-life-600: #478500;
--color-extra-life-700: #386a00;
--color-extra-life-800: #2c4e00;
--color-extra-life-900: #1d3600;
--color-extra-life-950: #0d2100;
}SCSS
$extra-life: #6aae00;
$extra-life-rgb: 106, 174, 0;
$extra-life-light: mix(#fff, $extra-life, 20%);
$extra-life-dark: mix(#000, $extra-life, 20%);
.element {
color: $extra-life;
box-shadow: 0 0 0 2px rgba($extra-life, 0.35);
}