لون مسمّى · #70B23F
Nasty Green
Nasty Green هو #70B23F: rgb(112 178 63)، hsl(94 48% 47%)، oklch(0.695 0.163 134.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Nasty Green color name →
#70B23F
oklch(0.695 0.163 134.3)
تحويلات الألوان
- HEX
- #70b23f
- RGB
- rgb(112 178 63)
- HSL
- hsl(94 48% 47%)
- HWB
- hwb(94 25% 30%)
- OKLCH
- oklch(0.695 0.163 134.3)
- OKLab
- oklab(0.695 -0.113 0.116)
- CIE Lab
- lab(66.38 -36.61 49.79)
- LCH
- lch(66.38 61.8 126.3)
- CMYK
- cmyk(37% 0% 65% 30%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7EBA56
- 8DC26B
- 9BCA7E
- A9D291
- B7D9A3
- C5E1B6
- D4E9C8
- E2F0DA
- F0F8ED
درجات داكنة
- 609A35
- 51832C
- 436D23
- 35571B
- 274312
- 1A2F0A
- 0E1D04
- 040C01
- 010100
درجات رمادية
- 72AD49
- 74A852
- 76A45A
- 789F60
- 7A9A67
- 7B956C
- 7D9072
- 7E8A77
- 7F857C
تناسق الألوان
متمم +180°
- 70B23F
Nasty Green
- C17BE2
≈ Lavender Blossom
متجاور -30° +30°
- 70B23F
Nasty Green
- ACA000
≈ Countryside
- 00B984
≈ Slime Girl
ثلاثي +120° +240°
- 70B23F
Nasty Green
- 4D9FFF
≈ Blue Chaos
- F06C7D
≈ Strawberry Pink
متمم منقسم +150° +210°
- 70B23F
Nasty Green
- 938CFD
≈ Lavender Blue Shadow
- E16FB5
≈ Amaranth
رباعي +90° +180° +270°
- 70B23F
Nasty Green
- 00ADD9
≈ Bright Cerulean
- C17BE2
≈ Lavender Blossom
- ED763E
≈ Debrito
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.58:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.12:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.12:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--nasty-green: #70b23f;
--nasty-green-rgb: 112 178 63;
--nasty-green-oklch: oklch(0.695 0.163 134.3);
}
.element {
color: var(--nasty-green);
background-color: hsl(94 48% 47%);
border-color: oklch(0.695 0.163 134.3);
}Tailwind CSS v4
@theme {
--color-nasty-green: #70b23f;
--color-nasty-green-50: #e0ffd3;
--color-nasty-green-100: #d0f5bf;
--color-nasty-green-200: #b5e59f;
--color-nasty-green-300: #90ca75;
--color-nasty-green-400: #74b348;
--color-nasty-green-500: #549c00;
--color-nasty-green-600: #48840b;
--color-nasty-green-700: #396a0a;
--color-nasty-green-800: #2b4d00;
--color-nasty-green-900: #1d3602;
--color-nasty-green-950: #0d2100;
}SCSS
$nasty-green: #70b23f;
$nasty-green-rgb: 112, 178, 63;
$nasty-green-light: mix(#fff, $nasty-green, 20%);
$nasty-green-dark: mix(#000, $nasty-green, 20%);
.element {
color: $nasty-green;
box-shadow: 0 0 0 2px rgba($nasty-green, 0.35);
}