Warna bernama · #BFB9A7
Historical Ruins
Historical Ruins adalah #BFB9A7: rgb(191 185 167), hsl(45 16% 70%), oklch(0.786 0.026 91.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Historical Ruins color name →
#BFB9A7
oklch(0.786 0.026 91.7)
Konversi warna
- HEX
- #bfb9a7
- RGB
- rgb(191 185 167)
- HSL
- hsl(45 16% 70%)
- HWB
- hwb(45 65% 25%)
- OKLCH
- oklch(0.786 0.026 91.7)
- OKLab
- oklab(0.786 -0.001 0.026)
- CIE Lab
- lab(75.27 -0.12 9.97)
- LCH
- lch(75.27 9.97 90.7)
- CMYK
- cmyk(0% 3% 13% 25%)
Tint · Shade · Tone
Tint
- C5C0B0
- CCC7B8
- D2CEC1
- D8D5CA
- DFDCD2
- E5E3DB
- EBEAE4
- F2F1ED
- F8F8F6
Shade
- A6A091
- 8D897B
- 757166
- 5E5B52
- 48463E
- 33312C
- 1F1E1A
- 0D0D0A
- 020201
Tone
- B8B3A3
- B2AD9F
- ACA89B
- A5A297
- 9F9C93
- 99968F
- 92918C
- 8C8B88
- 868684
Harmoni warna
Komplementer +180°
- BFB9A7
Historical Ruins
- B3B9CA
≈ Heritage
Analog -30° +30°
- BFB9A7
Historical Ruins
- C6B6A9
≈ Boardwalk Sashay
- B6BCAA
≈ Cedar Mill
Triadik +120° +240°
- BFB9A7
Historical Ruins
- A7BEC3
≈ A-List Blue
- C4B3C1
≈ Masked Mauve
Split-komplementer +150° +210°
- BFB9A7
Historical Ruins
- ABBCC9
≈ Glacier Mist
- BCB6C7
≈ Wedding Flowers
Tetradik +90° +180° +270°
- BFB9A7
Historical Ruins
- A8BFBA
≈ Harbour Grey
- B3B9CA
≈ Heritage
- C8B3B8
≈ Blossom Powder
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.96:1 · APCA Lc 38
Ag
AAADi atas hitam
WCAG 10.71:1 · APCA Lc 65
Warna teks terbaik: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Cuplikan kode
CSS
:root {
--historical-ruins: #bfb9a7;
--historical-ruins-rgb: 191 185 167;
--historical-ruins-oklch: oklch(0.786 0.026 91.7);
}
.element {
color: var(--historical-ruins);
background-color: hsl(45 16% 70%);
border-color: oklch(0.786 0.026 91.7);
}Tailwind CSS v4
@theme {
--color-historical-ruins: #bfb9a7;
--color-historical-ruins-50: #f7f5ed;
--color-historical-ruins-100: #ebe8de;
--color-historical-ruins-200: #d8d4c8;
--color-historical-ruins-300: #bcb7a9;
--color-historical-ruins-400: #a49e8e;
--color-historical-ruins-500: #8c8673;
--color-historical-ruins-600: #777162;
--color-historical-ruins-700: #5f5b4e;
--color-historical-ruins-800: #464238;
--color-historical-ruins-900: #302e27;
--color-historical-ruins-950: #1d1a15;
}SCSS
$historical-ruins: #bfb9a7;
$historical-ruins-rgb: 191, 185, 167;
$historical-ruins-light: mix(#fff, $historical-ruins, 20%);
$historical-ruins-dark: mix(#000, $historical-ruins, 20%);
.element {
color: $historical-ruins;
box-shadow: 0 0 0 2px rgba($historical-ruins, 0.35);
}