لون مسمّى · #9CD03B
Green Lantern
Green Lantern هو #9CD03B: rgb(156 208 59)، hsl(81 61% 52%)، oklch(0.794 0.181 127.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Green Lantern color name →
#9CD03B
oklch(0.794 0.181 127.1)
تحويلات الألوان
- HEX
- #9cd03b
- RGB
- rgb(156 208 59)
- HSL
- hsl(81 61% 52%)
- HWB
- hwb(81 23% 18%)
- OKLCH
- oklch(0.794 0.181 127.1)
- OKLab
- oklab(0.794 -0.109 0.145)
- CIE Lab
- lab(77.8 -33.26 63.72)
- LCH
- lch(77.8 71.88 117.6)
- CMYK
- cmyk(25% 0% 72% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A6D557
- AFDA6E
- B9DF82
- C3E495
- CDE9A8
- D7EDBA
- E1F2CB
- EBF6DD
- F5FBEE
درجات داكنة
- 87B532
- 739A29
- 5F8021
- 4C6719
- 394F11
- 283909
- 182304
- 091001
- 010200
درجات رمادية
- 99C849
- 96C053
- 94B85C
- 91B064
- 8EA86A
- 8BA06F
- 889874
- 869079
- 83887D
تناسق الألوان
متمم +180°
- 9CD03B
Green Lantern
- D3A4FF
≈ Lilac
متجاور -30° +30°
- 9CD03B
Green Lantern
- DABB00
≈ Alu Gobi
- 25DD8B
≈ Drunken Dragonfly
ثلاثي +120° +240°
- 9CD03B
Green Lantern
- 80C2FF
≈ Maya Blue
- FF99AE
≈ Fight the Sunrise
متمم منقسم +150° +210°
- 9CD03B
Green Lantern
- ABB6FF
≈ Greyish Lavender
- FF8EE3
≈ Pink Delight
رباعي +90° +180° +270°
- 9CD03B
Green Lantern
- 00D1F7
≈ Picnic Day Sky
- D3A4FF
≈ Lilac
- FF9F83
≈ Tangerine Cream
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.82:1 · APCA Lc 34
Ag
AAAعلى الأسود
WCAG 11.49:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.49:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--green-lantern: #9cd03b;
--green-lantern-rgb: 156 208 59;
--green-lantern-oklch: oklch(0.794 0.181 127.1);
}
.element {
color: var(--green-lantern);
background-color: hsl(81 61% 52%);
border-color: oklch(0.794 0.181 127.1);
}Tailwind CSS v4
@theme {
--color-green-lantern: #9cd03b;
--color-green-lantern-50: #e5ffc9;
--color-green-lantern-100: #d5f4b4;
--color-green-lantern-200: #bce48f;
--color-green-lantern-300: #9ac95f;
--color-green-lantern-400: #81b11d;
--color-green-lantern-500: #659900;
--color-green-lantern-600: #568200;
--color-green-lantern-700: #446800;
--color-green-lantern-800: #344c00;
--color-green-lantern-900: #233500;
--color-green-lantern-950: #122000;
}SCSS
$green-lantern: #9cd03b;
$green-lantern-rgb: 156, 208, 59;
$green-lantern-light: mix(#fff, $green-lantern, 20%);
$green-lantern-dark: mix(#000, $green-lantern, 20%);
.element {
color: $green-lantern;
box-shadow: 0 0 0 2px rgba($green-lantern, 0.35);
}