Benannte Farbe · #BFB9A7
Historical Ruins
Historical Ruins ist #BFB9A7: rgb(191 185 167), hsl(45 16% 70%), oklch(0.786 0.026 91.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Historical Ruins color name →
#BFB9A7
oklch(0.786 0.026 91.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C5C0B0
- CCC7B8
- D2CEC1
- D8D5CA
- DFDCD2
- E5E3DB
- EBEAE4
- F2F1ED
- F8F8F6
Shades
- A6A091
- 8D897B
- 757166
- 5E5B52
- 48463E
- 33312C
- 1F1E1A
- 0D0D0A
- 020201
Tones
- B8B3A3
- B2AD9F
- ACA89B
- A5A297
- 9F9C93
- 99968F
- 92918C
- 8C8B88
- 868684
Farbharmonien
Komplementär +180°
- BFB9A7
Historical Ruins
- B3B9CA
≈ Heritage
Analog -30° +30°
- BFB9A7
Historical Ruins
- C6B6A9
≈ Boardwalk Sashay
- B6BCAA
≈ Cedar Mill
Triadisch +120° +240°
- BFB9A7
Historical Ruins
- A7BEC3
≈ A-List Blue
- C4B3C1
≈ Masked Mauve
Geteilt komplementär +150° +210°
- BFB9A7
Historical Ruins
- ABBCC9
≈ Glacier Mist
- BCB6C7
≈ Wedding Flowers
Tetradisch +90° +180° +270°
- BFB9A7
Historical Ruins
- A8BFBA
≈ Harbour Grey
- B3B9CA
≈ Heritage
- C8B3B8
≈ Blossom Powder
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.96:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.71:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
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);
}