لون مسمّى · #77A276
Jadesheen
Jadesheen هو #77A276: rgb(119 162 118)، hsl(119 19% 55%)، oklch(0.669 0.079 144.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Jadesheen color name →
#77A276
oklch(0.669 0.079 144.1)
تحويلات الألوان
- HEX
- #77a276
- RGB
- rgb(119 162 118)
- HSL
- hsl(119 19% 55%)
- HWB
- hwb(119 46% 36%)
- OKLCH
- oklch(0.669 0.079 144.1)
- OKLab
- oklab(0.669 -0.064 0.046)
- CIE Lab
- lab(62.6 -21.87 18.08)
- LCH
- lch(62.6 28.37 140.4)
- CMYK
- cmyk(27% 0% 27% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 84AB83
- 92B490
- 9FBD9E
- ACC7AB
- BAD0B9
- C7D9C7
- D5E3D5
- E3ECE3
- F1F6F1
درجات داكنة
- 678C66
- 577756
- 476347
- 384F38
- 2A3C29
- 1C2A1C
- 10190F
- 050A05
- 010101
درجات رمادية
- 789F77
- 799B78
- 7A987A
- 7B957B
- 7C917C
- 7D8E7D
- 7E8A7D
- 7F877E
- 7F837F
تناسق الألوان
متمم +180°
- 77A276
Jadesheen
- AE84B1
≈ African Violet
متجاور -30° +30°
- 77A276
Jadesheen
- 949B61
≈ Reptilian Leader
- 5DA591
≈ Polished Pine
ثلاثي +120° +240°
- 77A276
Jadesheen
- 7C95C6
≈ Steel Blue Eyes
- C1827D
≈ Cameo Brown
متمم منقسم +150° +210°
- 77A276
Jadesheen
- 978CC1
≈ Hermosa
- BC8198
≈ Polignac
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.91:1 · APCA Lc 55
Ag
AAAعلى الأسود
WCAG 7.21:1 · APCA Lc 46
أفضل لون للنص: #000000
WCAG 7.21:1 (AAA) · APCA Lc 46
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--jadesheen: #77a276;
--jadesheen-rgb: 119 162 118;
--jadesheen-oklch: oklch(0.669 0.079 144.1);
}
.element {
color: var(--jadesheen);
background-color: hsl(119 19% 55%);
border-color: oklch(0.669 0.079 144.1);
}Tailwind CSS v4
@theme {
--color-jadesheen: #77a276;
--color-jadesheen-50: #e7fce8;
--color-jadesheen-100: #d8f0d9;
--color-jadesheen-200: #bfdec0;
--color-jadesheen-300: #9ec3a0;
--color-jadesheen-400: #82ab81;
--color-jadesheen-500: #659464;
--color-jadesheen-600: #567d55;
--color-jadesheen-700: #446444;
--color-jadesheen-800: #324930;
--color-jadesheen-900: #223320;
--color-jadesheen-950: #111f10;
}SCSS
$jadesheen: #77a276;
$jadesheen-rgb: 119, 162, 118;
$jadesheen-light: mix(#fff, $jadesheen, 20%);
$jadesheen-dark: mix(#000, $jadesheen, 20%);
.element {
color: $jadesheen;
box-shadow: 0 0 0 2px rgba($jadesheen, 0.35);
}