Nazwany kolor · #B09B89
Woodland Stone
Woodland Stone to #B09B89: rgb(176 155 137), hsl(28 20% 61%), oklch(0.703 0.036 62.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Woodland Stone color name →
#B09B89
oklch(0.703 0.036 62.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8A594
- C0AEA0
- C7B8AB
- CFC2B7
- D7CCC3
- DFD6CE
- E7E0DA
- EFEAE7
- F7F5F3
Odcienie ciemniejsze
- 998676
- 827264
- 6C5E53
- 564B42
- 423931
- 2E2822
- 1C1814
- 0B0907
- 010101
Tony
- AB9888
- A69687
- A19386
- 9D9086
- 988D85
- 938B84
- 8E8883
- 898582
- 858381
Harmonie kolorów
Komplementarna +180°
- B09B89
Woodland Stone
- 8DA3B4
≈ Cats and Dogs
Analogowa -30° +30°
- B09B89
Woodland Stone
- B49891
≈ Del Rio
- A79F87
≈ Tent Green
Triada +120° +240°
- B09B89
Woodland Stone
- 88A7A1
≈ Tropical Cascade
- A39AB2
≈ Logan
Komplementarna rozszczepiona +150° +210°
- B09B89
Woodland Stone
- 87A6AD
≈ Impressionist
- 989EB6
≈ Skyline
Tetrada +90° +180° +270°
- B09B89
Woodland Stone
- 8FA695
≈ Wintessa
- 8DA3B4
≈ Cats and Dogs
- AE98A9
≈ Lilac Lustre
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.65:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.89:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
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);
}