Colore con nome · #816E54
Bancroft Village
Bancroft Village è #816E54: rgb(129 110 84), hsl(35 21% 42%), oklch(0.549 0.045 75.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Bancroft Village color name →
#816E54
oklch(0.549 0.045 75.3)
Conversioni di colore
- HEX
- #816e54
- RGB
- rgb(129 110 84)
- HSL
- hsl(35 21% 42%)
- HWB
- hwb(35 33% 49%)
- OKLCH
- oklch(0.549 0.045 75.3)
- OKLab
- oklab(0.549 0.011 0.044)
- CIE Lab
- lab(47.75 4.72 17.46)
- LCH
- lch(47.75 18.09 74.9)
- CMYK
- cmyk(0% 15% 35% 49%)
Tinte · Ombre · Toni
Tinte
- 8D7C64
- 998974
- A59785
- B2A695
- BEB4A6
- CBC3B7
- D8D1C9
- E5E0DB
- F2F0ED
Ombre
- 6F5F48
- 5E503C
- 4E4131
- 3E3326
- 2E261B
- 1F1911
- 120E08
- 060402
- 010100
Toni
- 817059
- 81725D
- 817462
- 817566
- 81776A
- 81796F
- 807B73
- 807C77
- 807E7C
Armonie di colore
Complementare +180°
- 816E54
Bancroft Village
- 60738C
≈ Columbus
Analogo -30° +30°
- 816E54
Bancroft Village
- 88695C
≈ Nut Brown
- 757355
≈ Truly Olive
Triadico +120° +240°
- 816E54
Bancroft Village
- 527A7A
≈ Breaker Bay
- 7C6A84
≈ Matriarch
Complementare divisa +150° +210°
- 816E54
Bancroft Village
- 557785
≈ Ocean Current
- 6E6E8B
≈ Dark Prince
Tetradico +90° +180° +270°
- 816E54
Bancroft Village
- 597A6B
≈ Stately Stems
- 60738C
≈ Columbus
- 856777
≈ Port Wine Stain
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.89:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.29:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--bancroft-village: #816e54;
--bancroft-village-rgb: 129 110 84;
--bancroft-village-oklch: oklch(0.549 0.045 75.3);
}
.element {
color: var(--bancroft-village);
background-color: hsl(35 21% 42%);
border-color: oklch(0.549 0.045 75.3);
}Tailwind CSS v4
@theme {
--color-bancroft-village: #816e54;
--color-bancroft-village-50: #fdf4e7;
--color-bancroft-village-100: #f0e6d8;
--color-bancroft-village-200: #dfd2bf;
--color-bancroft-village-300: #c5b59e;
--color-bancroft-village-400: #ae9b81;
--color-bancroft-village-500: #988265;
--color-bancroft-village-600: #806e56;
--color-bancroft-village-700: #675844;
--color-bancroft-village-800: #4c4031;
--color-bancroft-village-900: #352c21;
--color-bancroft-village-950: #201911;
}SCSS
$bancroft-village: #816e54;
$bancroft-village-rgb: 129, 110, 84;
$bancroft-village-light: mix(#fff, $bancroft-village, 20%);
$bancroft-village-dark: mix(#000, $bancroft-village, 20%);
.element {
color: $bancroft-village;
box-shadow: 0 0 0 2px rgba($bancroft-village, 0.35);
}