Warna bernama · #A18B5D
Shank
Shank adalah #A18B5D: rgb(161 139 93), hsl(41 27% 50%), oklch(0.646 0.068 85). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Shank color name →
#A18B5D
oklch(0.646 0.068 85)
Konversi warna
- HEX
- #a18b5d
- RGB
- rgb(161 139 93)
- HSL
- hsl(41 27% 50%)
- HWB
- hwb(41 36% 37%)
- OKLCH
- oklch(0.646 0.068 85)
- OKLab
- oklab(0.646 0.006 0.068)
- CIE Lab
- lab(59.07 3.74 27.82)
- LCH
- lch(59.07 28.07 82.3)
- CMYK
- cmyk(0% 14% 42% 37%)
Tint · Shade · Tone
Tint
- AA966D
- B3A17D
- BDAD8D
- C6B89C
- CFC4AD
- D9CFBD
- E2DBCD
- ECE7DE
- F5F3EE
Shade
- 8B7850
- 766643
- 625437
- 4E432A
- 3C321F
- 2A2314
- 19140A
- 090703
- 010100
Tone
- 9E8A61
- 9A8965
- 978869
- 94876C
- 908670
- 8D8573
- 8A8477
- 87827A
- 83817D
Harmoni warna
Komplementer +180°
- A18B5D
Shank
- 7A8EB8
≈ Opal Violet
Analog -30° +30°
- A18B5D
Shank
- AF8366
≈ Cider Spice
- 8C9363
≈ Green Cast
Triadik +120° +240°
- A18B5D
Shank
- 589AA2
≈ Tropical Oasis
- A380A5
≈ Wild Lavender
Split-komplementer +150° +210°
- A18B5D
Shank
- 6495B2
≈ Aragonite Blue
- 9086B4
≈ Silk Lilac
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.29:1 · APCA Lc 60
Ag
AADi atas hitam
WCAG 6.36:1 · APCA Lc 41
Warna teks terbaik: #000000
WCAG 6.36:1 (AA) · APCA Lc 41
Contrast pairs
Cuplikan kode
CSS
:root {
--shank: #a18b5d;
--shank-rgb: 161 139 93;
--shank-oklch: oklch(0.646 0.068 85);
}
.element {
color: var(--shank);
background-color: hsl(41 27% 50%);
border-color: oklch(0.646 0.068 85);
}Tailwind CSS v4
@theme {
--color-shank: #a18b5d;
--color-shank-50: #fef4e0;
--color-shank-100: #f2e7cf;
--color-shank-200: #e1d3b4;
--color-shank-300: #c6b690;
--color-shank-400: #b19c70;
--color-shank-500: #9b8350;
--color-shank-600: #836f44;
--color-shank-700: #695936;
--color-shank-800: #4e4026;
--color-shank-900: #362c19;
--color-shank-950: #21190a;
}SCSS
$shank: #a18b5d;
$shank-rgb: 161, 139, 93;
$shank-light: mix(#fff, $shank, 20%);
$shank-dark: mix(#000, $shank, 20%);
.element {
color: $shank;
box-shadow: 0 0 0 2px rgba($shank, 0.35);
}