이름 색상 · #B09B89
Woodland Stone
Woodland Stone은(는) #B09B89: rgb(176 155 137), hsl(28 20% 61%), oklch(0.703 0.036 62.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Woodland Stone color name →
#B09B89
oklch(0.703 0.036 62.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B8A594
- C0AEA0
- C7B8AB
- CFC2B7
- D7CCC3
- DFD6CE
- E7E0DA
- EFEAE7
- F7F5F3
셰이드
- 998676
- 827264
- 6C5E53
- 564B42
- 423931
- 2E2822
- 1C1814
- 0B0907
- 010101
톤
- AB9888
- A69687
- A19386
- 9D9086
- 988D85
- 938B84
- 8E8883
- 898582
- 858381
색 조화
보색 +180°
- B09B89
Woodland Stone
- 8DA3B4
≈ Cats and Dogs
유사색 -30° +30°
- B09B89
Woodland Stone
- B49891
≈ Del Rio
- A79F87
≈ Tent Green
삼각 배색 +120° +240°
- B09B89
Woodland Stone
- 88A7A1
≈ Tropical Cascade
- A39AB2
≈ Logan
분열 보색 +150° +210°
- B09B89
Woodland Stone
- 87A6AD
≈ Impressionist
- 989EB6
≈ Skyline
사각 배색 +90° +180° +270°
- B09B89
Woodland Stone
- 8FA695
≈ Wintessa
- 8DA3B4
≈ Cats and Dogs
- AE98A9
≈ Lilac Lustre
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.65:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.89:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
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);
}