لون مسمّى · #5C534D
Gardener’s Soil
Gardener’s Soil هو #5C534D: rgb(92 83 77)، hsl(24 9% 33%)، oklch(0.449 0.015 56). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Gardener’s Soil color name →
#5C534D
oklch(0.449 0.015 56)
تحويلات الألوان
- HEX
- #5c534d
- RGB
- rgb(92 83 77)
- HSL
- hsl(24 9% 33%)
- HWB
- hwb(24 30% 64%)
- OKLCH
- oklch(0.449 0.015 56)
- OKLab
- oklab(0.449 0.009 0.013)
- CIE Lab
- lab(36.05 2.97 4.94)
- LCH
- lch(36.05 5.76 59)
- CMYK
- cmyk(0% 10% 16% 64%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6B635D
- 7A736D
- 8A837E
- 9A9490
- AAA5A1
- BAB6B3
- CBC8C6
- DCDAD9
- EDECEC
درجات داكنة
- 4F4742
- 423B37
- 36302C
- 2A2522
- 1F1B18
- 14110F
- 0A0807
- 030202
- 000000
درجات رمادية
- 605752
- 635C57
- 67605C
- 6A6561
- 6E6966
- 716E6B
- 757270
- 797775
- 7C7B7B
تناسق الألوان
متمم +180°
- 5C534D
Gardener’s Soil
- 4D575D
≈ Submarine Grey
متجاور -30° +30°
- 5C534D
Gardener’s Soil
- 5D5251
≈ Sophisticated Plum
- 59554C
≈ Sturgis Grey
ثلاثي +120° +240°
- 5C534D
Gardener’s Soil
- 4D5855
≈ Black Spruce
- 55535D
≈ Coal Tipple
متمم منقسم +150° +210°
- 5C534D
Gardener’s Soil
- 4C5859
≈ Cobalt Cannon
- 51555E
≈ Coal Tipple
رباعي +90° +180° +270°
- 5C534D
Gardener’s Soil
- 505750
≈ Sunken Battleship
- 4D575D
≈ Submarine Grey
- 5A525A
≈ Forged Iron
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.50:1 · APCA Lc 86
Ag
Failعلى الأسود
WCAG 2.79:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--gardener-s-soil: #5c534d;
--gardener-s-soil-rgb: 92 83 77;
--gardener-s-soil-oklch: oklch(0.449 0.015 56);
}
.element {
color: var(--gardener-s-soil);
background-color: hsl(24 9% 33%);
border-color: oklch(0.449 0.015 56);
}Tailwind CSS v4
@theme {
--color-gardener-s-soil: #5c534d;
--color-gardener-s-soil-50: #f9f4f1;
--color-gardener-s-soil-100: #ece7e3;
--color-gardener-s-soil-200: #d9d3ce;
--color-gardener-s-soil-300: #beb6b0;
--color-gardener-s-soil-400: #a69c96;
--color-gardener-s-soil-500: #8f847d;
--color-gardener-s-soil-600: #79706a;
--color-gardener-s-soil-700: #605954;
--color-gardener-s-soil-800: #47413d;
--color-gardener-s-soil-900: #312d2a;
--color-gardener-s-soil-950: #1d1a18;
}SCSS
$gardener-s-soil: #5c534d;
$gardener-s-soil-rgb: 92, 83, 77;
$gardener-s-soil-light: mix(#fff, $gardener-s-soil, 20%);
$gardener-s-soil-dark: mix(#000, $gardener-s-soil, 20%);
.element {
color: $gardener-s-soil;
box-shadow: 0 0 0 2px rgba($gardener-s-soil, 0.35);
}