Warna bernama · #8A7D72
Silt
Silt adalah #8A7D72: rgb(138 125 114), hsl(27 10% 49%), oklch(0.598 0.023 62.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Silt color name →
#8A7D72
oklch(0.598 0.023 62.6)
Konversi warna
- HEX
- #8a7d72
- RGB
- rgb(138 125 114)
- HSL
- hsl(27 10% 49%)
- HWB
- hwb(27 45% 46%)
- OKLCH
- oklch(0.598 0.023 62.6)
- OKLab
- oklab(0.598 0.011 0.02)
- CIE Lab
- lab(53.36 3.7 7.92)
- LCH
- lch(53.36 8.74 64.9)
- CMYK
- cmyk(0% 9% 17% 46%)
Tint · Shade · Tone
Tint
- 95897F
- A0968D
- ACA29A
- B7AFA8
- C3BCB6
- CFC9C4
- DBD6D3
- E7E4E1
- F3F1F0
Shade
- 776C62
- 655B53
- 534B44
- 423B36
- 322C28
- 221E1B
- 14110E
- 070504
- 010101
Tone
- 897D73
- 887E75
- 877E76
- 867E78
- 857F79
- 847F7A
- 837F7C
- 827F7D
- 81807F
Harmoni warna
Komplementer +180°
- 8A7D72
Silt
- 74828D
≈ Battle Blue
Analog -30° +30°
- 8A7D72
Silt
- 8D7B77
≈ Cinnamon Toast
- 848071
≈ Empire
Triadik +120° +240°
- 8A7D72
Silt
- 718481
≈ Dwarf Spruce
- 827D8B
≈ Dark Topaz
Split-komplementer +150° +210°
- 8A7D72
Silt
- 718488
≈ Moon Tide
- 7B7F8E
≈ Blue Mood
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.99:1 · APCA Lc 67
Ag
AADi atas hitam
WCAG 5.25:1 · APCA Lc 34
Warna teks terbaik: #000000
WCAG 5.25:1 (AA) · APCA Lc 34
Contrast pairs
Cuplikan kode
CSS
:root {
--silt: #8a7d72;
--silt-rgb: 138 125 114;
--silt-oklch: oklch(0.598 0.023 62.6);
}
.element {
color: var(--silt);
background-color: hsl(27 10% 49%);
border-color: oklch(0.598 0.023 62.6);
}Tailwind CSS v4
@theme {
--color-silt: #8a7d72;
--color-silt-50: #faf4ee;
--color-silt-100: #ede6e0;
--color-silt-200: #dbd2ca;
--color-silt-300: #c0b5ac;
--color-silt-400: #a99c91;
--color-silt-500: #928377;
--color-silt-600: #7b6f65;
--color-silt-700: #635950;
--color-silt-800: #48413b;
--color-silt-900: #322d28;
--color-silt-950: #1e1a16;
}SCSS
$silt: #8a7d72;
$silt-rgb: 138, 125, 114;
$silt-light: mix(#fff, $silt, 20%);
$silt-dark: mix(#000, $silt, 20%);
.element {
color: $silt;
box-shadow: 0 0 0 2px rgba($silt, 0.35);
}