أقرب لون مسمّى · #5E6F48
#5E6F48
أقرب لون مسمّى: Hinterland
#5E6F48 (rgb(94 111 72)، hsl(86 21% 36%)، oklch(0.517 0.062 127.6)) أقرب إلى اللون المسمّى Hinterland. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#5E6F48
oklch(0.517 0.062 127.6)
تحويلات الألوان
- HEX
- #5e6f48
- RGB
- rgb(94 111 72)
- HSL
- hsl(86 21% 36%)
- HWB
- hwb(86 28% 56%)
- OKLCH
- oklch(0.517 0.062 127.6)
- OKLab
- oklab(0.517 -0.038 0.049)
- CIE Lab
- lab(44.63 -12.19 19.57)
- LCH
- lch(44.63 23.06 121.9)
- CMYK
- cmyk(15% 0% 35% 56%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6D7D59
- 7C8A6A
- 8B987C
- 9BA68E
- ABB5A0
- BBC3B2
- CCD2C5
- DDE1D8
- EEF0EB
درجات داكنة
- 51603D
- 445133
- 374229
- 2B341F
- 1F2716
- 141A0D
- 0A0E06
- 030402
- 000100
درجات رمادية
- 61714E
- 657354
- 687459
- 6B765F
- 6F7864
- 72796A
- 767B6F
- 797D75
- 7D7E7B
تناسق الألوان
متمم +180°
- 5E6F48
Hinterland
- 725F84
≈ Mystical Purple
متجاور -30° +30°
- 5E6F48
Hinterland
- 72693E
≈ Sphagnum Moss
- 49735A
≈ Green Valley
ثلاثي +120° +240°
- 5E6F48
Hinterland
- 4B6B8A
≈ Revel Blue
- 875961
≈ Rose Garland
متمم منقسم +150° +210°
- 5E6F48
Hinterland
- 5F658C
≈ Twilight Purple
- 805A75
≈ Euphoric Magenta
رباعي +90° +180° +270°
- 5E6F48
Hinterland
- 3B7180
≈ Grand Rapids
- 725F84
≈ Mystical Purple
- 875C4E
≈ Carob Brown
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.46:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.84:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hinterland: #5e6f48;
--hinterland-rgb: 94 111 72;
--hinterland-oklch: oklch(0.517 0.062 127.6);
}
.element {
color: var(--hinterland);
background-color: hsl(86 21% 36%);
border-color: oklch(0.517 0.062 127.6);
}Tailwind CSS v4
@theme {
--color-hinterland: #5e6f48;
--color-hinterland-50: #eff9e7;
--color-hinterland-100: #e1ecd7;
--color-hinterland-200: #ccdabe;
--color-hinterland-300: #adbe9d;
--color-hinterland-400: #94a67f;
--color-hinterland-500: #7b8e62;
--color-hinterland-600: #687853;
--color-hinterland-700: #536042;
--color-hinterland-800: #3d462f;
--color-hinterland-900: #2a3120;
--color-hinterland-950: #181d0f;
}SCSS
$hinterland: #5e6f48;
$hinterland-rgb: 94, 111, 72;
$hinterland-light: mix(#fff, $hinterland, 20%);
$hinterland-dark: mix(#000, $hinterland, 20%);
.element {
color: $hinterland;
box-shadow: 0 0 0 2px rgba($hinterland, 0.35);
}