Benannte Farbe · #8E603C
Fertile Soil
Fertile Soil ist #8E603C: rgb(142 96 60), hsl(26 41% 40%), oklch(0.53 0.079 58.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Fertile Soil color name →
#8E603C
oklch(0.53 0.079 58.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 996F4F
- A57E62
- B08E74
- BB9D87
- C7AD9B
- D2BDAE
- DDCDC2
- E8DED6
- F4EEEA
Shades
- 7B5233
- 68452A
- 563821
- 442C19
- 342011
- 24150A
- 150A04
- 070301
- 010000
Tones
- 8D6344
- 8C674B
- 8B6A52
- 896D59
- 88715F
- 877466
- 85776D
- 847A73
- 827D7A
Farbharmonien
Komplementär +180°
- 8E603C
Fertile Soil
- 3C7294
≈ Soul Search
Analog -30° +30°
- 8E603C
Fertile Soil
- 945A52
≈ Copper Mining
- 7F6932
≈ By Gum
Triadisch +120° +240°
- 8E603C
Fertile Soil
- 2E7B6C
≈ Teal We Meet Again
- 716294
≈ Super Violet
Geteilt komplementär +150° +210°
- 8E603C
Fertile Soil
- 267884
≈ Blue Kelp
- 586A9A
≈ UCLA Blue
Tetradisch +90° +180° +270°
- 8E603C
Fertile Soil
- 4B7852
≈ Killarney
- 3C7294
≈ Soul Search
- 855B83
≈ Concord Grape
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.40:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.88:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.40:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
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);
}