لون مسمّى · #1B4636
Sherwood Green
Sherwood Green هو #1B4636: rgb(27 70 54)، hsl(158 44% 19%)، oklch(0.358 0.056 166.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Sherwood Green color name →
#1B4636
oklch(0.358 0.056 166.2)
تحويلات الألوان
- HEX
- #1b4636
- RGB
- rgb(27 70 54)
- HSL
- hsl(158 44% 19%)
- HWB
- hwb(158 11% 73%)
- OKLCH
- oklch(0.358 0.056 166.2)
- OKLab
- oklab(0.358 -0.054 0.013)
- CIE Lab
- lab(26.33 -19.06 4.97)
- LCH
- lch(26.33 19.69 165.4)
- CMYK
- cmyk(61% 0% 23% 73%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 315748
- 47685A
- 5C796D
- 728B80
- 899E94
- 9FB1A9
- B7C4BE
- CED7D3
- E6EBE9
درجات داكنة
- 163C2E
- 113225
- 0C281E
- 081E16
- 05150F
- 020D08
- 010503
- 000201
- 000000
درجات رمادية
- 264C3D
- 315144
- 3B574B
- 455D52
- 4F635A
- 596861
- 626E69
- 6C7470
- 767A78
تناسق الألوان
متمم +180°
- 1B4636
Sherwood Green
- 523043
≈ Potent Purple
متجاور -30° +30°
- 1B4636
Sherwood Green
- 2F4325
≈ Forestry
- 0C4646
≈ Cyprus
ثلاثي +120° +240°
- 1B4636
Sherwood Green
- 3A3859
≈ Magic Night
- 553323
≈ Wild Boar
متمم منقسم +150° +210°
- 1B4636
Sherwood Green
- 483350
≈ Oregon Grape
- 563033
≈ Mid Century
رباعي +90° +180° +270°
- 1B4636
Sherwood Green
- 293E5A
≈ Nautilus
- 523043
≈ Potent Purple
- 4D3818
≈ Café Noir
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 10.62:1 · APCA Lc 94
Ag
Failعلى الأسود
WCAG 1.97:1 · APCA Lc 8
أفضل لون للنص: #FFFFFF
WCAG 10.62:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sherwood-green: #1b4636;
--sherwood-green-rgb: 27 70 54;
--sherwood-green-oklch: oklch(0.358 0.056 166.2);
}
.element {
color: var(--sherwood-green);
background-color: hsl(158 44% 19%);
border-color: oklch(0.358 0.056 166.2);
}Tailwind CSS v4
@theme {
--color-sherwood-green: #1b4636;
--color-sherwood-green-50: #e7fbf2;
--color-sherwood-green-100: #d7eee4;
--color-sherwood-green-200: #bedcd0;
--color-sherwood-green-300: #9dc1b2;
--color-sherwood-green-400: #7fa997;
--color-sherwood-green-500: #62927e;
--color-sherwood-green-600: #537c6b;
--color-sherwood-green-700: #426355;
--color-sherwood-green-800: #30493d;
--color-sherwood-green-900: #20322a;
--color-sherwood-green-950: #101e18;
}SCSS
$sherwood-green: #1b4636;
$sherwood-green-rgb: 27, 70, 54;
$sherwood-green-light: mix(#fff, $sherwood-green, 20%);
$sherwood-green-dark: mix(#000, $sherwood-green, 20%);
.element {
color: $sherwood-green;
box-shadow: 0 0 0 2px rgba($sherwood-green, 0.35);
}