لون مسمّى · #16F12D
Dangerously Green
Dangerously Green هو #16F12D: rgb(22 241 45)، hsl(126 89% 52%)، oklch(0.832 0.272 143.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Dangerously Green color name →
#16F12D
oklch(0.832 0.272 143.3)
تحويلات الألوان
- HEX
- #16f12d
- RGB
- rgb(22 241 45)
- HSL
- hsl(126 89% 52%)
- HWB
- hwb(126 9% 5%)
- OKLCH
- oklch(0.832 0.272 143.3)
- OKLab
- oklab(0.832 -0.218 0.162)
- CIE Lab
- lab(83.65 -74.22 71.45)
- LCH
- lch(83.65 103.02 136.1)
- CMYK
- cmyk(91% 0% 81% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4DF351
- 6BF66B
- 83F881
- 98F995
- ACFBA8
- BEFCBA
- CFFDCC
- DFFEDD
- EFFFEE
درجات داكنة
- 12D226
- 0DB31F
- 099518
- 067911
- 035D0B
- 024306
- 012B02
- 001401
- 000300
درجات رمادية
- 3BE641
- 4EDB4F
- 5BCF5A
- 64C462
- 6CB969
- 72AE6F
- 77A275
- 7B9779
- 7E8C7D
تناسق الألوان
متمم +180°
- 16F12D
Dangerously Green
- F6A6FF
≈ Rich Brilliant Lavender
متجاور -30° +30°
- 16F12D
Dangerously Green
- C9D400
≈ Lime Twist
- 00E9BF
≈ Aquamarine
ثلاثي +120° +240°
- 16F12D
Dangerously Green
- ACC8FF
≈ Night Snow
- FFB1AC
≈ Cornflower Lilac
متمم منقسم +150° +210°
- 16F12D
Dangerously Green
- CABDFF
≈ Lavender Tonic
- FFABCE
≈ Majin Bū Pink
رباعي +90° +180° +270°
- 16F12D
Dangerously Green
- 83D3FF
≈ Kul Sharif Blue
- F6A6FF
≈ Rich Brilliant Lavender
- FFB586
≈ Coral Dusk
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.53:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.65:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.65:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--dangerously-green: #16f12d;
--dangerously-green-rgb: 22 241 45;
--dangerously-green-oklch: oklch(0.832 0.272 143.3);
}
.element {
color: var(--dangerously-green);
background-color: hsl(126 89% 52%);
border-color: oklch(0.832 0.272 143.3);
}Tailwind CSS v4
@theme {
--color-dangerously-green: #16f12d;
--color-dangerously-green-50: #c3ffc6;
--color-dangerously-green-100: #acffb0;
--color-dangerously-green-200: #81f289;
--color-dangerously-green-300: #3dda55;
--color-dangerously-green-400: #00c300;
--color-dangerously-green-500: #00ac00;
--color-dangerously-green-600: #009200;
--color-dangerously-green-700: #007500;
--color-dangerously-green-800: #005600;
--color-dangerously-green-900: #003c00;
--color-dangerously-green-950: #002500;
}SCSS
$dangerously-green: #16f12d;
$dangerously-green-rgb: 22, 241, 45;
$dangerously-green-light: mix(#fff, $dangerously-green, 20%);
$dangerously-green-dark: mix(#000, $dangerously-green, 20%);
.element {
color: $dangerously-green;
box-shadow: 0 0 0 2px rgba($dangerously-green, 0.35);
}