Colore con nome · #BAB6AB
Reclaimed Wood
Reclaimed Wood è #BAB6AB: rgb(186 182 171), hsl(44 10% 70%), oklch(0.776 0.016 90.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Reclaimed Wood color name →
#BAB6AB
oklch(0.776 0.016 90.3)
Conversioni di colore
- HEX
- #bab6ab
- RGB
- rgb(186 182 171)
- HSL
- hsl(44 10% 70%)
- HWB
- hwb(44 67% 27%)
- OKLCH
- oklch(0.776 0.016 90.3)
- OKLab
- oklab(0.776 0 0.016)
- CIE Lab
- lab(74.14 0.01 6.15)
- LCH
- lch(74.14 6.15 89.9)
- CMYK
- cmyk(0% 2% 8% 27%)
Tinte · Ombre · Toni
Tinte
- C1BDB3
- C7C4BB
- CECBC4
- D5D3CC
- DCDAD4
- E3E1DD
- EAE9E5
- F1F0EE
- F8F8F6
Ombre
- A19E94
- 89867E
- 726F68
- 5C5954
- 464440
- 32302D
- 1E1D1B
- 0D0C0B
- 020201
Toni
- B4B0A7
- AEABA2
- A8A59E
- A2A09A
- 9D9B95
- 979591
- 91908D
- 8B8B88
- 868584
Armonie di colore
Complementare +180°
- BAB6AB
Reclaimed Wood
- B2B6C1
≈ Cube Farm
Analogo -30° +30°
- BAB6AB
Reclaimed Wood
- BEB4AC
≈ Tide
- B5B8AD
≈ Stone Mill
Triadico +120° +240°
- BAB6AB
Reclaimed Wood
- ABB9BC
≈ Lagoon Reflection
- BCB3BB
≈ Ash Grove
Complementare divisa +150° +210°
- BAB6AB
Reclaimed Wood
- AEB8C0
≈ Lakeside
- B8B4BF
≈ Ash Grove
Tetradico +90° +180° +270°
- BAB6AB
Reclaimed Wood
- ACBAB6
≈ Bidwell Blue
- B2B6C1
≈ Cube Farm
- C0B2B6
≈ Chaise Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.36:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--reclaimed-wood: #bab6ab;
--reclaimed-wood-rgb: 186 182 171;
--reclaimed-wood-oklch: oklch(0.776 0.016 90.3);
}
.element {
color: var(--reclaimed-wood);
background-color: hsl(44 10% 70%);
border-color: oklch(0.776 0.016 90.3);
}Tailwind CSS v4
@theme {
--color-reclaimed-wood: #bab6ab;
--color-reclaimed-wood-50: #f7f5f0;
--color-reclaimed-wood-100: #eae8e2;
--color-reclaimed-wood-200: #d6d4cd;
--color-reclaimed-wood-300: #bab7ae;
--color-reclaimed-wood-400: #a29e94;
--color-reclaimed-wood-500: #8a867a;
--color-reclaimed-wood-600: #757168;
--color-reclaimed-wood-700: #5d5b53;
--color-reclaimed-wood-800: #45423c;
--color-reclaimed-wood-900: #2f2e29;
--color-reclaimed-wood-950: #1c1a17;
}SCSS
$reclaimed-wood: #bab6ab;
$reclaimed-wood-rgb: 186, 182, 171;
$reclaimed-wood-light: mix(#fff, $reclaimed-wood, 20%);
$reclaimed-wood-dark: mix(#000, $reclaimed-wood, 20%);
.element {
color: $reclaimed-wood;
box-shadow: 0 0 0 2px rgba($reclaimed-wood, 0.35);
}