أقرب لون مسمّى · #2B4835
#2B4835
أقرب لون مسمّى: Everglade
#2B4835 (rgb(43 72 53)، hsl(141 25% 23%)، oklch(0.372 0.048 154.7)) أقرب إلى اللون المسمّى Everglade. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#2B4835
oklch(0.372 0.048 154.7)
تحويلات الألوان
- HEX
- #2b4835
- RGB
- rgb(43 72 53)
- HSL
- hsl(141 25% 23%)
- HWB
- hwb(141 17% 72%)
- OKLCH
- oklch(0.372 0.048 154.7)
- OKLab
- oklab(0.372 -0.043 0.021)
- CIE Lab
- lab(27.84 -15.05 7.86)
- LCH
- lch(27.84 16.98 152.4)
- CMYK
- cmyk(40% 0% 26% 72%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3E5847
- 526959
- 667B6C
- 7A8D80
- 8F9F94
- A5B1A8
- BBC4BD
- D1D8D3
- E8EBE9
درجات داكنة
- 243D2D
- 1D3325
- 16291D
- 101F15
- 0A160E
- 050D08
- 020603
- 010201
- 000000
درجات رمادية
- 344D3C
- 3C5343
- 44584B
- 4D5E52
- 556459
- 5E6961
- 666F69
- 6F7570
- 777A78
تناسق الألوان
متمم +180°
- 2B4835
Everglade
- 50374B
≈ Noble Hatter’s Violet
متجاور -30° +30°
- 2B4835
Everglade
- 3B4528
≈ Palm Leaf
- 1E4943
≈ Country Squire
ثلاثي +120° +240°
- 2B4835
Everglade
- 393E5A
≈ Mangosteen
- 57372F
≈ Terra Brun
متمم منقسم +150° +210°
- 2B4835
Everglade
- 463A55
≈ Purple Velvet
- 56363D
≈ Port Glow
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 10.09:1 · APCA Lc 93
Ag
Failعلى الأسود
WCAG 2.08:1 · APCA Lc 9
أفضل لون للنص: #FFFFFF
WCAG 10.09:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--everglade: #2b4835;
--everglade-rgb: 43 72 53;
--everglade-oklch: oklch(0.372 0.048 154.7);
}
.element {
color: var(--everglade);
background-color: hsl(141 25% 23%);
border-color: oklch(0.372 0.048 154.7);
}Tailwind CSS v4
@theme {
--color-everglade: #2b4835;
--color-everglade-50: #ebfaf0;
--color-everglade-100: #dcede1;
--color-everglade-200: #c4dbcc;
--color-everglade-300: #a4bfae;
--color-everglade-400: #89a792;
--color-everglade-500: #6d9078;
--color-everglade-600: #5d7a66;
--color-everglade-700: #4a6151;
--color-everglade-800: #36473a;
--color-everglade-900: #253128;
--color-everglade-950: #131d16;
}SCSS
$everglade: #2b4835;
$everglade-rgb: 43, 72, 53;
$everglade-light: mix(#fff, $everglade, 20%);
$everglade-dark: mix(#000, $everglade, 20%);
.element {
color: $everglade;
box-shadow: 0 0 0 2px rgba($everglade, 0.35);
}