Adlandırılmış renk · #8B866B
Tidal Thicket
Tidal Thicket, #8B866B: rgb(139 134 107), hsl(51 13% 48%), oklch(0.617 0.039 98.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Tidal Thicket color name →
#8B866B
oklch(0.617 0.039 98.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 969179
- A19D87
- ACA995
- B8B5A4
- C3C1B3
- CFCDC2
- DBD9D1
- E7E6E0
- F3F2EF
Koyu tonlar
- 78745C
- 66624E
- 54513F
- 434032
- 323025
- 232118
- 14130D
- 070604
- 010100
Gri tonlar
- 8A856D
- 89856F
- 888472
- 878474
- 858376
- 848278
- 83827A
- 82817C
- 81817E
Renk uyumları
Tamamlayıcı +180°
- 8B866B
Tidal Thicket
- 80839D
≈ Soft Charcoal
Analog -30° +30°
- 8B866B
Tidal Thicket
- 95816C
≈ Sofisticata
- 7E8A71
≈ Canaletto
Üçlü +120° +240°
- 8B866B
Tidal Thicket
- 6B8B95
≈ Spirit Mountain
- 967C8D
≈ Plum Swirl
Bölünmüş tamamlayıcı +150° +210°
- 8B866B
Tidal Thicket
- 73889C
≈ Somnambulist
- 8C7F98
≈ Grey Dusk
Dörtlü +90° +180° +270°
- 8B866B
Tidal Thicket
- 6A8D8A
≈ Ebbing Tide
- 80839D
≈ Soft Charcoal
- 9B7C80
≈ Twilight Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.67:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.72:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.72:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
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);
}