Adlandırılmış renk · #8F876B
Rattan Palm
Rattan Palm, #8F876B: rgb(143 135 107), hsl(47 14% 49%), oklch(0.623 0.041 94). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Rattan Palm color name →
#8F876B
oklch(0.623 0.041 94)
Renk dönüşümleri
- HEX
- #8f876b
- RGB
- rgb(143 135 107)
- HSL
- hsl(47 14% 49%)
- HWB
- hwb(47 42% 44%)
- OKLCH
- oklch(0.623 0.041 94)
- OKLab
- oklab(0.623 -0.003 0.041)
- CIE Lab
- lab(56.46 -0.39 16.26)
- LCH
- lch(56.46 16.27 91.4)
- CMYK
- cmyk(0% 6% 25% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9A9279
- A49E87
- AFAA96
- BAB5A4
- C5C1B3
- D1CDC2
- DCDAD1
- E8E6E0
- F3F2EF
Koyu tonlar
- 7C755C
- 69634E
- 57513F
- 454132
- 343125
- 242118
- 15130D
- 070604
- 010100
Gri tonlar
- 8D866D
- 8C866F
- 8A8572
- 898474
- 878476
- 868378
- 84827A
- 83817C
- 81817E
Renk uyumları
Tamamlayıcı +180°
- 8F876B
Rattan Palm
- 7F86A1
≈ Velvet Curtain
Analog -30° +30°
- 8F876B
Rattan Palm
- 99826D
≈ Even Evan
- 828C70
≈ Canaletto
Üçlü +120° +240°
- 8F876B
Rattan Palm
- 6B8E96
≈ Pulitzer Blue
- 977E91
≈ Plum Swirl
Bölünmüş tamamlayıcı +150° +210°
- 8F876B
Rattan Palm
- 728A9F
≈ Hilo Bay
- 8C819C
≈ Live Jazz
Dörtlü +90° +180° +270°
- 8F876B
Rattan Palm
- 6B908A
≈ Oil Blue
- 7F86A1
≈ Velvet Curtain
- 9D7D84
≈ Mulberry Wine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.59:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.84:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.84:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--rattan-palm: #8f876b;
--rattan-palm-rgb: 143 135 107;
--rattan-palm-oklch: oklch(0.623 0.041 94);
}
.element {
color: var(--rattan-palm);
background-color: hsl(47 14% 49%);
border-color: oklch(0.623 0.041 94);
}Tailwind CSS v4
@theme {
--color-rattan-palm: #8f876b;
--color-rattan-palm-50: #f8f5e8;
--color-rattan-palm-100: #ece8d9;
--color-rattan-palm-200: #d9d5c1;
--color-rattan-palm-300: #bdb8a0;
--color-rattan-palm-400: #a69e83;
--color-rattan-palm-500: #8f8667;
--color-rattan-palm-600: #797258;
--color-rattan-palm-700: #615b46;
--color-rattan-palm-800: #474232;
--color-rattan-palm-900: #312e22;
--color-rattan-palm-950: #1d1a11;
}SCSS
$rattan-palm: #8f876b;
$rattan-palm-rgb: 143, 135, 107;
$rattan-palm-light: mix(#fff, $rattan-palm, 20%);
$rattan-palm-dark: mix(#000, $rattan-palm, 20%);
.element {
color: $rattan-palm;
box-shadow: 0 0 0 2px rgba($rattan-palm, 0.35);
}