Benannte Farbe · #38914A
Wild Forest
Wild Forest ist #38914A: rgb(56 145 74), hsl(132 44% 39%), oklch(0.585 0.136 147.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Wild Forest color name →
#38914A
oklch(0.585 0.136 147.6)
Farbumrechnungen
- HEX
- #38914a
- RGB
- rgb(56 145 74)
- HSL
- hsl(132 44% 39%)
- HWB
- hwb(132 22% 43%)
- OKLCH
- oklch(0.585 0.136 147.6)
- OKLab
- oklab(0.585 -0.115 0.073)
- CIE Lab
- lab(53.59 -39.64 29.29)
- LCH
- lch(53.59 49.29 143.5)
- CMYK
- cmyk(61% 0% 49% 43%)
Tints · Shades · Tones
Tints
- 4F9C5C
- 64A76E
- 78B27F
- 8CBD91
- 9FC8A3
- B2D3B5
- C5DEC7
- D8E9DA
- ECF4EC
Shades
- 2F7D3F
- 276A35
- 1F582A
- 174620
- 0F3517
- 08250E
- 041506
- 010702
- 000100
Tones
- 439050
- 4C8E56
- 548D5C
- 5C8B62
- 628967
- 69886C
- 6F8671
- 758476
- 7B827B
Farbharmonien
Komplementär +180°
- 38914A
Wild Forest
- A65CA5
≈ Heath Spotted Orchid
Analog -30° +30°
- 38914A
Wild Forest
- 768600
≈ Swamp Green
- 00907B
≈ Miami Jade
Triadisch +120° +240°
- 38914A
Wild Forest
- 5977CC
≈ Indigo Light
- BF574D
≈ Martian Ironearth
Geteilt komplementär +150° +210°
- 38914A
Wild Forest
- 8668C1
≈ Lavish Spending
- B9557C
≈ Cockscomb Red
Tetradisch +90° +180° +270°
- 38914A
Wild Forest
- 0085BF
≈ Ibiza Blue
- A65CA5
≈ Heath Spotted Orchid
- B66410
≈ Light Brown
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.94:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.31:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--wild-forest: #38914a;
--wild-forest-rgb: 56 145 74;
--wild-forest-oklch: oklch(0.585 0.136 147.6);
}
.element {
color: var(--wild-forest);
background-color: hsl(132 44% 39%);
border-color: oklch(0.585 0.136 147.6);
}Tailwind CSS v4
@theme {
--color-wild-forest: #38914a;
--color-wild-forest-50: #dbffe1;
--color-wild-forest-100: #c9f5d0;
--color-wild-forest-200: #abe5b5;
--color-wild-forest-300: #84cb92;
--color-wild-forest-400: #62b46f;
--color-wild-forest-500: #389e4e;
--color-wild-forest-600: #328543;
--color-wild-forest-700: #276b35;
--color-wild-forest-800: #1e4e23;
--color-wild-forest-900: #143617;
--color-wild-forest-950: #052108;
}SCSS
$wild-forest: #38914a;
$wild-forest-rgb: 56, 145, 74;
$wild-forest-light: mix(#fff, $wild-forest, 20%);
$wild-forest-dark: mix(#000, $wild-forest, 20%);
.element {
color: $wild-forest;
box-shadow: 0 0 0 2px rgba($wild-forest, 0.35);
}