لون مسمّى · #7BC027
Kiwi Crush
Kiwi Crush هو #7BC027: rgb(123 192 39)، hsl(87 66% 45%)، oklch(0.734 0.189 131.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Kiwi Crush color name →
#7BC027
oklch(0.734 0.189 131.7)
تحويلات الألوان
- HEX
- #7bc027
- RGB
- rgb(123 192 39)
- HSL
- hsl(87 66% 45%)
- HWB
- hwb(87 15% 25%)
- OKLCH
- oklch(0.734 0.189 131.7)
- OKLab
- oklab(0.734 -0.126 0.141)
- CIE Lab
- lab(71.09 -39.52 62.94)
- LCH
- lch(71.09 74.32 122.1)
- CMYK
- cmyk(36% 0% 80% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 88C748
- 95CD61
- A3D477
- B0DA8C
- BDE1A0
- CAE7B3
- D7EDC6
- E4F3D9
- F2F9EC
درجات داكنة
- 6AA720
- 5A8E1A
- 4A7614
- 3A5F0E
- 2C4908
- 1E3404
- 102002
- 050E01
- 010200
درجات رمادية
- 7CBA3A
- 7DB447
- 7EAD52
- 7EA75B
- 7FA163
- 7F9A6A
- 809470
- 808D76
- 80877B
تناسق الألوان
متمم +180°
- 7BC027
Kiwi Crush
- D081FE
≈ Grass Pink Orchid
متجاور -30° +30°
- 7BC027
Kiwi Crush
- BDAB00
≈ Muddy Yellow
- 00C789
≈ Píng Gǔo Lǜ Green
ثلاثي +120° +240°
- 7BC027
Kiwi Crush
- 61ADFF
≈ Joust Blue
- FF778D
≈ Carnation
متمم منقسم +150° +210°
- 7BC027
Kiwi Crush
- 9B9DFF
≈ Cobalite
- F572CA
≈ Nervous Neon Pink
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.23:1 · APCA Lc 44
Ag
AAAعلى الأسود
WCAG 9.41:1 · APCA Lc 58
أفضل لون للنص: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--kiwi-crush: #7bc027;
--kiwi-crush-rgb: 123 192 39;
--kiwi-crush-oklch: oklch(0.734 0.189 131.7);
}
.element {
color: var(--kiwi-crush);
background-color: hsl(87 66% 45%);
border-color: oklch(0.734 0.189 131.7);
}Tailwind CSS v4
@theme {
--color-kiwi-crush: #7bc027;
--color-kiwi-crush-50: #e0ffcb;
--color-kiwi-crush-100: #cff6b6;
--color-kiwi-crush-200: #b3e692;
--color-kiwi-crush-300: #8fcc63;
--color-kiwi-crush-400: #73b425;
--color-kiwi-crush-500: #539d00;
--color-kiwi-crush-600: #478500;
--color-kiwi-crush-700: #386a00;
--color-kiwi-crush-800: #2c4e00;
--color-kiwi-crush-900: #1d3600;
--color-kiwi-crush-950: #0d2100;
}SCSS
$kiwi-crush: #7bc027;
$kiwi-crush-rgb: 123, 192, 39;
$kiwi-crush-light: mix(#fff, $kiwi-crush, 20%);
$kiwi-crush-dark: mix(#000, $kiwi-crush, 20%);
.element {
color: $kiwi-crush;
box-shadow: 0 0 0 2px rgba($kiwi-crush, 0.35);
}