لون مسمّى · #97BC62
Green Pepper
Green Pepper هو #97BC62: rgb(151 188 98)، hsl(85 40% 56%)، oklch(0.748 0.125 127.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Green Pepper color name →
#97BC62
oklch(0.748 0.125 127.5)
تحويلات الألوان
- HEX
- #97bc62
- RGB
- rgb(151 188 98)
- HSL
- hsl(85 40% 56%)
- HWB
- hwb(85 38% 26%)
- OKLCH
- oklch(0.748 0.125 127.5)
- OKLab
- oklab(0.748 -0.076 0.099)
- CIE Lab
- lab(72.01 -24.03 40.93)
- LCH
- lch(72.01 47.46 120.4)
- CMYK
- cmyk(20% 0% 48% 26%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A1C373
- ABCA83
- B5D093
- C0D7A2
- CADEB2
- D4E5C1
- DFEBD1
- EAF2E0
- F4F8F0
درجات داكنة
- 83A354
- 6F8B47
- 5C733A
- 495D2D
- 374721
- 263216
- 171F0B
- 080D03
- 010200
درجات رمادية
- 95B667
- 92B06B
- 90AA6E
- 8EA472
- 8C9E75
- 899877
- 87927A
- 858C7C
- 82867E
تناسق الألوان
متمم +180°
- 97BC62
Green Pepper
- C397EA
≈ Bright Lavender
متجاور -30° +30°
- 97BC62
Green Pepper
- C3AD46
≈ Oil Yellow
- 60C58E
≈ Enamelled Dragon
ثلاثي +120° +240°
- 97BC62
Green Pepper
- 68B4F8
≈ Tiān Lán Sky
- F08A9F
≈ Posy Petal
متمم منقسم +150° +210°
- 97BC62
Green Pepper
- 9AA5FB
≈ Widowmaker
- E08DC9
≈ Firm Pink
رباعي +90° +180° +270°
- 97BC62
Green Pepper
- 2CC0E1
≈ Caribbean Blue
- C397EA
≈ Bright Lavender
- F19073
≈ Moegi Green
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.16:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.68:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--green-pepper: #97bc62;
--green-pepper-rgb: 151 188 98;
--green-pepper-oklch: oklch(0.748 0.125 127.5);
}
.element {
color: var(--green-pepper);
background-color: hsl(85 40% 56%);
border-color: oklch(0.748 0.125 127.5);
}Tailwind CSS v4
@theme {
--color-green-pepper: #97bc62;
--color-green-pepper-50: #eafdd7;
--color-green-pepper-100: #dbf1c5;
--color-green-pepper-200: #c3dfa7;
--color-green-pepper-300: #a3c47f;
--color-green-pepper-400: #8aac58;
--color-green-pepper-500: #6f952d;
--color-green-pepper-600: #5e7e28;
--color-green-pepper-700: #4b6520;
--color-green-pepper-800: #384a13;
--color-green-pepper-900: #26330c;
--color-green-pepper-950: #151f01;
}SCSS
$green-pepper: #97bc62;
$green-pepper-rgb: 151, 188, 98;
$green-pepper-light: mix(#fff, $green-pepper, 20%);
$green-pepper-dark: mix(#000, $green-pepper, 20%);
.element {
color: $green-pepper;
box-shadow: 0 0 0 2px rgba($green-pepper, 0.35);
}