لون مسمّى · #8E603C
Fertile Soil
Fertile Soil هو #8E603C: rgb(142 96 60)، hsl(26 41% 40%)، oklch(0.53 0.079 58.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Fertile Soil color name →
#8E603C
oklch(0.53 0.079 58.1)
تحويلات الألوان
- HEX
- #8e603c
- RGB
- rgb(142 96 60)
- HSL
- hsl(26 41% 40%)
- HWB
- hwb(26 24% 44%)
- OKLCH
- oklch(0.53 0.079 58.1)
- OKLab
- oklab(0.53 0.042 0.067)
- CIE Lab
- lab(45.19 16.32 28.33)
- LCH
- lch(45.19 32.7 60.1)
- CMYK
- cmyk(0% 32% 58% 44%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 996F4F
- A57E62
- B08E74
- BB9D87
- C7AD9B
- D2BDAE
- DDCDC2
- E8DED6
- F4EEEA
درجات داكنة
- 7B5233
- 68452A
- 563821
- 442C19
- 342011
- 24150A
- 150A04
- 070301
- 010000
درجات رمادية
- 8D6344
- 8C674B
- 8B6A52
- 896D59
- 88715F
- 877466
- 85776D
- 847A73
- 827D7A
تناسق الألوان
متمم +180°
- 8E603C
Fertile Soil
- 3C7294
≈ Soul Search
متجاور -30° +30°
- 8E603C
Fertile Soil
- 945A52
≈ Copper Mining
- 7F6932
≈ By Gum
ثلاثي +120° +240°
- 8E603C
Fertile Soil
- 2E7B6C
≈ Teal We Meet Again
- 716294
≈ Super Violet
متمم منقسم +150° +210°
- 8E603C
Fertile Soil
- 267884
≈ Blue Kelp
- 586A9A
≈ UCLA Blue
رباعي +90° +180° +270°
- 8E603C
Fertile Soil
- 4B7852
≈ Killarney
- 3C7294
≈ Soul Search
- 855B83
≈ Concord Grape
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.40:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.88:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.40:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fertile-soil: #8e603c;
--fertile-soil-rgb: 142 96 60;
--fertile-soil-oklch: oklch(0.53 0.079 58.1);
}
.element {
color: var(--fertile-soil);
background-color: hsl(26 41% 40%);
border-color: oklch(0.53 0.079 58.1);
}Tailwind CSS v4
@theme {
--color-fertile-soil: #8e603c;
--color-fertile-soil-50: #fff1df;
--color-fertile-soil-100: #fce2ce;
--color-fertile-soil-200: #eecdb3;
--color-fertile-soil-300: #d6af8f;
--color-fertile-soil-400: #c29370;
--color-fertile-soil-500: #ad7950;
--color-fertile-soil-600: #936644;
--color-fertile-soil-700: #765236;
--color-fertile-soil-800: #573b27;
--color-fertile-soil-900: #3d291a;
--color-fertile-soil-950: #26160b;
}SCSS
$fertile-soil: #8e603c;
$fertile-soil-rgb: 142, 96, 60;
$fertile-soil-light: mix(#fff, $fertile-soil, 20%);
$fertile-soil-dark: mix(#000, $fertile-soil, 20%);
.element {
color: $fertile-soil;
box-shadow: 0 0 0 2px rgba($fertile-soil, 0.35);
}