Colore con nome · #847451
Woodbridge
Woodbridge è #847451: rgb(132 116 81), hsl(41 24% 42%), oklch(0.565 0.054 86.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Woodbridge color name →
#847451
oklch(0.565 0.054 86.1)
Conversioni di colore
- HEX
- #847451
- RGB
- rgb(132 116 81)
- HSL
- hsl(41 24% 42%)
- HWB
- hwb(41 32% 48%)
- OKLCH
- oklch(0.565 0.054 86.1)
- OKLab
- oklab(0.565 0.004 0.054)
- CIE Lab
- lab(49.68 2.46 21.78)
- LCH
- lch(49.68 21.91 83.5)
- CMYK
- cmyk(0% 12% 39% 48%)
Tinte · Ombre · Toni
Tinte
- 908161
- 9B8E72
- A79C83
- B4A994
- C0B7A5
- CCC5B7
- D9D4C8
- E5E2DA
- F2F0ED
Ombre
- 726445
- 60543A
- 4F452F
- 3F3724
- 2F291A
- 201B10
- 120F07
- 060502
- 010100
Toni
- 847556
- 83775B
- 837860
- 827965
- 827A69
- 827B6E
- 817D72
- 817E77
- 807F7C
Armonie di colore
Complementare +180°
- 847451
Woodbridge
- 677696
≈ Lavender Mauve
Analogo -30° +30°
- 847451
Woodbridge
- 8F6E57
≈ Dig It
- 747A56
≈ Loden Green
Triadico +120° +240°
- 847451
Woodbridge
- 4E7F86
≈ Tapestry Teal
- 876B87
≈ Mauveine
Complementare divisa +150° +210°
- 847451
Woodbridge
- 577B92
≈ Titanium Blue
- 787092
≈ Parisian Violet
Tetradico +90° +180° +270°
- 847451
Woodbridge
- 538175
≈ Frosty Spruce
- 677696
≈ Lavender Mauve
- 906977
≈ Full Glass
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.56:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.59:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.59:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--woodbridge: #847451;
--woodbridge-rgb: 132 116 81;
--woodbridge-oklch: oklch(0.565 0.054 86.1);
}
.element {
color: var(--woodbridge);
background-color: hsl(41 24% 42%);
border-color: oklch(0.565 0.054 86.1);
}Tailwind CSS v4
@theme {
--color-woodbridge: #847451;
--color-woodbridge-50: #fbf5e4;
--color-woodbridge-100: #efe7d4;
--color-woodbridge-200: #ded3bb;
--color-woodbridge-300: #c3b699;
--color-woodbridge-400: #ad9d7a;
--color-woodbridge-500: #96845d;
--color-woodbridge-600: #7f704f;
--color-woodbridge-700: #66593f;
--color-woodbridge-800: #4b412d;
--color-woodbridge-900: #342d1e;
--color-woodbridge-950: #201a0e;
}SCSS
$woodbridge: #847451;
$woodbridge-rgb: 132, 116, 81;
$woodbridge-light: mix(#fff, $woodbridge, 20%);
$woodbridge-dark: mix(#000, $woodbridge, 20%);
.element {
color: $woodbridge;
box-shadow: 0 0 0 2px rgba($woodbridge, 0.35);
}