Benannte Farbe · #B3987D
Woodbridge Trail
Woodbridge Trail ist #B3987D: rgb(179 152 125), hsl(30 26% 60%), oklch(0.697 0.05 66.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Woodbridge Trail color name →
#B3987D
oklch(0.697 0.05 66.9)
Farbumrechnungen
- HEX
- #b3987d
- RGB
- rgb(179 152 125)
- HSL
- hsl(30 26% 60%)
- HWB
- hwb(30 49% 30%)
- OKLCH
- oklch(0.697 0.05 66.9)
- OKLab
- oklab(0.697 0.02 0.046)
- CIE Lab
- lab(64.79 7.36 18.18)
- LCH
- lch(64.79 19.62 68)
- CMYK
- cmyk(0% 15% 30% 30%)
Tints · Shades · Tones
Tints
- BBA28A
- C2AC96
- CAB6A3
- D1C0B0
- D9CBBD
- E0D5CA
- E8DFD7
- F0EAE4
- F7F4F1
Shades
- 9B846C
- 84705B
- 6E5C4B
- 584A3B
- 43382C
- 2F271E
- 1D1711
- 0C0805
- 010101
Tones
- AE967D
- A9937E
- A4917E
- 9E8E7F
- 998C7F
- 948A7F
- 8F8780
- 8A8580
- 858280
Farbharmonien
Komplementär +180°
- B3987D
Woodbridge Trail
- 85A1BB
≈ Hawaiian Sky
Analog -30° +30°
- B3987D
Woodbridge Trail
- BA9388
≈ Mauve Blush
- A69E7B
≈ Hillary
Triadisch +120° +240°
- B3987D
Woodbridge Trail
- 7AA8A2
≈ Scenario
- A596B6
≈ Gleeful Joy
Geteilt komplementär +150° +210°
- B3987D
Woodbridge Trail
- 7AA6B2
≈ Inner Sanctum
- 959BBD
≈ Thistle Down
Tetradisch +90° +180° +270°
- B3987D
Woodbridge Trail
- 85A791
≈ Envy
- 85A1BB
≈ Hawaiian Sky
- B292A9
≈ London Hue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.72:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.70:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.70:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--woodbridge-trail: #b3987d;
--woodbridge-trail-rgb: 179 152 125;
--woodbridge-trail-oklch: oklch(0.697 0.05 66.9);
}
.element {
color: var(--woodbridge-trail);
background-color: hsl(30 26% 60%);
border-color: oklch(0.697 0.05 66.9);
}Tailwind CSS v4
@theme {
--color-woodbridge-trail: #b3987d;
--color-woodbridge-trail-50: #fff3e6;
--color-woodbridge-trail-100: #f3e5d7;
--color-woodbridge-trail-200: #e3d1be;
--color-woodbridge-trail-300: #c9b39d;
--color-woodbridge-trail-400: #b39980;
--color-woodbridge-trail-500: #9d8063;
--color-woodbridge-trail-600: #856d54;
--color-woodbridge-trail-700: #6a5743;
--color-woodbridge-trail-800: #4f3f30;
--color-woodbridge-trail-900: #372b21;
--color-woodbridge-trail-950: #221910;
}SCSS
$woodbridge-trail: #b3987d;
$woodbridge-trail-rgb: 179, 152, 125;
$woodbridge-trail-light: mix(#fff, $woodbridge-trail, 20%);
$woodbridge-trail-dark: mix(#000, $woodbridge-trail, 20%);
.element {
color: $woodbridge-trail;
box-shadow: 0 0 0 2px rgba($woodbridge-trail, 0.35);
}