이름 색상 · #8B866B
Tidal Thicket
Tidal Thicket은(는) #8B866B: rgb(139 134 107), hsl(51 13% 48%), oklch(0.617 0.039 98.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Tidal Thicket color name →
#8B866B
oklch(0.617 0.039 98.7)
색상 변환
- HEX
- #8b866b
- RGB
- rgb(139 134 107)
- HSL
- hsl(51 13% 48%)
- HWB
- hwb(51 42% 45%)
- OKLCH
- oklch(0.617 0.039 98.7)
- OKLab
- oklab(0.617 -0.006 0.039)
- CIE Lab
- lab(55.81 -1.52 15.32)
- LCH
- lch(55.81 15.39 95.7)
- CMYK
- cmyk(0% 4% 23% 45%)
틴트 · 셰이드 · 톤
틴트
- 969179
- A19D87
- ACA995
- B8B5A4
- C3C1B3
- CFCDC2
- DBD9D1
- E7E6E0
- F3F2EF
셰이드
- 78745C
- 66624E
- 54513F
- 434032
- 323025
- 232118
- 14130D
- 070604
- 010100
톤
- 8A856D
- 89856F
- 888472
- 878474
- 858376
- 848278
- 83827A
- 82817C
- 81817E
색 조화
보색 +180°
- 8B866B
Tidal Thicket
- 80839D
≈ Soft Charcoal
유사색 -30° +30°
- 8B866B
Tidal Thicket
- 95816C
≈ Sofisticata
- 7E8A71
≈ Canaletto
삼각 배색 +120° +240°
- 8B866B
Tidal Thicket
- 6B8B95
≈ Spirit Mountain
- 967C8D
≈ Plum Swirl
분열 보색 +150° +210°
- 8B866B
Tidal Thicket
- 73889C
≈ Somnambulist
- 8C7F98
≈ Grey Dusk
사각 배색 +90° +180° +270°
- 8B866B
Tidal Thicket
- 6A8D8A
≈ Ebbing Tide
- 80839D
≈ Soft Charcoal
- 9B7C80
≈ Twilight Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.67:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.72:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.72:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--tidal-thicket: #8b866b;
--tidal-thicket-rgb: 139 134 107;
--tidal-thicket-oklch: oklch(0.617 0.039 98.7);
}
.element {
color: var(--tidal-thicket);
background-color: hsl(51 13% 48%);
border-color: oklch(0.617 0.039 98.7);
}Tailwind CSS v4
@theme {
--color-tidal-thicket: #8b866b;
--color-tidal-thicket-50: #f7f6e9;
--color-tidal-thicket-100: #eae8da;
--color-tidal-thicket-200: #d8d5c2;
--color-tidal-thicket-300: #bbb8a2;
--color-tidal-thicket-400: #a49f85;
--color-tidal-thicket-500: #8d8769;
--color-tidal-thicket-600: #777259;
--color-tidal-thicket-700: #5f5b47;
--color-tidal-thicket-800: #464333;
--color-tidal-thicket-900: #312e23;
--color-tidal-thicket-950: #1d1b12;
}SCSS
$tidal-thicket: #8b866b;
$tidal-thicket-rgb: 139, 134, 107;
$tidal-thicket-light: mix(#fff, $tidal-thicket, 20%);
$tidal-thicket-dark: mix(#000, $tidal-thicket, 20%);
.element {
color: $tidal-thicket;
box-shadow: 0 0 0 2px rgba($tidal-thicket, 0.35);
}