أقرب لون مسمّى · #61714C
#61714C
أقرب لون مسمّى: Hinterland
#61714C (rgb(97 113 76)، hsl(86 20% 37%)، oklch(0.525 0.059 127.3)) أقرب إلى اللون المسمّى Hinterland. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#61714C
oklch(0.525 0.059 127.3)
تحويلات الألوان
- HEX
- #61714c
- RGB
- rgb(97 113 76)
- HSL
- hsl(86 20% 37%)
- HWB
- hwb(86 30% 56%)
- OKLCH
- oklch(0.525 0.059 127.3)
- OKLab
- oklab(0.525 -0.036 0.047)
- CIE Lab
- lab(45.55 -11.52 18.53)
- LCH
- lch(45.55 21.81 121.9)
- CMYK
- cmyk(14% 0% 33% 56%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6F7E5D
- 7E8C6E
- 8D9A7F
- 9DA890
- ADB6A2
- BDC4B4
- CDD3C6
- DDE1D9
- EEF0EC
درجات داكنة
- 536141
- 465236
- 39432C
- 2D3522
- 212718
- 151A0F
- 0B0E06
- 030402
- 000100
درجات رمادية
- 647351
- 677457
- 6A765C
- 6D7761
- 707966
- 737A6C
- 777C71
- 7A7D76
- 7D7F7B
تناسق الألوان
متمم +180°
- 61714C
Hinterland
- 736285
≈ Posy Purple
متجاور -30° +30°
- 61714C
Hinterland
- 746B43
≈ Fossilised Leaf
- 4D755D
≈ Green Valley
ثلاثي +120° +240°
- 61714C
Hinterland
- 4F6E8B
≈ Berry Pie
- 885C64
≈ Rabbit Paws
متمم منقسم +150° +210°
- 61714C
Hinterland
- 62678C
≈ Champion Blue
- 815D77
≈ Purple Gumdrop
رباعي +90° +180° +270°
- 61714C
Hinterland
- 407381
≈ Wild River
- 736285
≈ Posy Purple
- 895F52
≈ Red Curry
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.28:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 3.97:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hinterland: #61714c;
--hinterland-rgb: 97 113 76;
--hinterland-oklch: oklch(0.525 0.059 127.3);
}
.element {
color: var(--hinterland);
background-color: hsl(86 20% 37%);
border-color: oklch(0.525 0.059 127.3);
}Tailwind CSS v4
@theme {
--color-hinterland: #61714c;
--color-hinterland-50: #f0f9e7;
--color-hinterland-100: #e2ecd8;
--color-hinterland-200: #ccdabf;
--color-hinterland-300: #aebe9e;
--color-hinterland-400: #95a580;
--color-hinterland-500: #7b8e64;
--color-hinterland-600: #697855;
--color-hinterland-700: #536043;
--color-hinterland-800: #3d4630;
--color-hinterland-900: #2a3120;
--color-hinterland-950: #181d10;
}SCSS
$hinterland: #61714c;
$hinterland-rgb: 97, 113, 76;
$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);
}