Benannte Farbe · #B09B89
Woodland Stone
Woodland Stone ist #B09B89: rgb(176 155 137), hsl(28 20% 61%), oklch(0.703 0.036 62.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Woodland Stone color name →
#B09B89
oklch(0.703 0.036 62.8)
Farbumrechnungen
- HEX
- #b09b89
- RGB
- rgb(176 155 137)
- HSL
- hsl(28 20% 61%)
- HWB
- hwb(28 54% 31%)
- OKLCH
- oklch(0.703 0.036 62.8)
- OKLab
- oklab(0.703 0.016 0.032)
- CIE Lab
- lab(65.49 5.85 12.47)
- LCH
- lch(65.49 13.77 64.8)
- CMYK
- cmyk(0% 12% 22% 31%)
Tints · Shades · Tones
Tints
- B8A594
- C0AEA0
- C7B8AB
- CFC2B7
- D7CCC3
- DFD6CE
- E7E0DA
- EFEAE7
- F7F5F3
Shades
- 998676
- 827264
- 6C5E53
- 564B42
- 423931
- 2E2822
- 1C1814
- 0B0907
- 010101
Tones
- AB9888
- A69687
- A19386
- 9D9086
- 988D85
- 938B84
- 8E8883
- 898582
- 858381
Farbharmonien
Komplementär +180°
- B09B89
Woodland Stone
- 8DA3B4
≈ Cats and Dogs
Analog -30° +30°
- B09B89
Woodland Stone
- B49891
≈ Del Rio
- A79F87
≈ Tent Green
Triadisch +120° +240°
- B09B89
Woodland Stone
- 88A7A1
≈ Tropical Cascade
- A39AB2
≈ Logan
Geteilt komplementär +150° +210°
- B09B89
Woodland Stone
- 87A6AD
≈ Impressionist
- 989EB6
≈ Skyline
Tetradisch +90° +180° +270°
- B09B89
Woodland Stone
- 8FA695
≈ Wintessa
- 8DA3B4
≈ Cats and Dogs
- AE98A9
≈ Lilac Lustre
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.65:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.89:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--woodland-stone: #b09b89;
--woodland-stone-rgb: 176 155 137;
--woodland-stone-oklch: oklch(0.703 0.036 62.8);
}
.element {
color: var(--woodland-stone);
background-color: hsl(28 20% 61%);
border-color: oklch(0.703 0.036 62.8);
}Tailwind CSS v4
@theme {
--color-woodland-stone: #b09b89;
--color-woodland-stone-50: #fdf3eb;
--color-woodland-stone-100: #f1e6dc;
--color-woodland-stone-200: #dfd1c5;
--color-woodland-stone-300: #c5b4a5;
--color-woodland-stone-400: #ae9a89;
--color-woodland-stone-500: #98816e;
--color-woodland-stone-600: #806e5d;
--color-woodland-stone-700: #67584b;
--color-woodland-stone-800: #4c4036;
--color-woodland-stone-900: #352c25;
--color-woodland-stone-950: #201913;
}SCSS
$woodland-stone: #b09b89;
$woodland-stone-rgb: 176, 155, 137;
$woodland-stone-light: mix(#fff, $woodland-stone, 20%);
$woodland-stone-dark: mix(#000, $woodland-stone, 20%);
.element {
color: $woodland-stone;
box-shadow: 0 0 0 2px rgba($woodland-stone, 0.35);
}