لون مسمّى · #61826C
Jadite
Jadite هو #61826C: rgb(97 130 108)، hsl(140 15% 45%)، oklch(0.575 0.05 155.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Jadite color name →
#61826C
oklch(0.575 0.05 155.3)
تحويلات الألوان
- HEX
- #61826c
- RGB
- rgb(97 130 108)
- HSL
- hsl(140 15% 45%)
- HWB
- hwb(140 38% 49%)
- OKLCH
- oklch(0.575 0.05 155.3)
- OKLab
- oklab(0.575 -0.046 0.021)
- CIE Lab
- lab(51.35 -15.8 7.98)
- LCH
- lch(51.35 17.7 153.2)
- CMYK
- cmyk(25% 0% 17% 49%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 708E7A
- 7F9A88
- 8EA696
- 9EB2A4
- AEBFB3
- BECBC2
- CED8D1
- DEE5E0
- EEF2EF
درجات داكنة
- 53705D
- 465F4E
- 394E40
- 2D3E32
- 212F25
- 152019
- 0B120D
- 030604
- 000100
درجات رمادية
- 64826E
- 688270
- 6B8272
- 6E8174
- 718176
- 748178
- 77817A
- 7A817C
- 7D807E
تناسق الألوان
متمم +180°
- 61826C
Jadite
- 8C6E85
≈ Dianthus Mauve
متجاور -30° +30°
- 61826C
Jadite
- 727E5E
≈ Variegated Frond
- 56837D
≈ Rainier Blue
ثلاثي +120° +240°
- 61826C
Jadite
- 707797
≈ Quantum Blue
- 946F65
≈ Prairie Dog
متمم منقسم +150° +210°
- 61826C
Jadite
- 807291
≈ Provence Violet
- 936D74
≈ Dull Dusky Pink
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.27:1 · APCA Lc 69
Ag
AAعلى الأسود
WCAG 4.91:1 · APCA Lc 32
أفضل لون للنص: #000000
WCAG 4.91:1 (AA) · APCA Lc 32
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--jadite: #61826c;
--jadite-rgb: 97 130 108;
--jadite-oklch: oklch(0.575 0.05 155.3);
}
.element {
color: var(--jadite);
background-color: hsl(140 15% 45%);
border-color: oklch(0.575 0.05 155.3);
}Tailwind CSS v4
@theme {
--color-jadite: #61826c;
--color-jadite-50: #eafaef;
--color-jadite-100: #dbede1;
--color-jadite-200: #c3dbcc;
--color-jadite-300: #a3c0ad;
--color-jadite-400: #87a892;
--color-jadite-500: #6b9078;
--color-jadite-600: #5b7a66;
--color-jadite-700: #496251;
--color-jadite-800: #35483a;
--color-jadite-900: #243228;
--color-jadite-950: #131e16;
}SCSS
$jadite: #61826c;
$jadite-rgb: 97, 130, 108;
$jadite-light: mix(#fff, $jadite, 20%);
$jadite-dark: mix(#000, $jadite, 20%);
.element {
color: $jadite;
box-shadow: 0 0 0 2px rgba($jadite, 0.35);
}