Benannte Farbe · #755F4A
Woodward Park
Woodward Park ist #755F4A: rgb(117 95 74), hsl(29 23% 37%), oklch(0.502 0.043 65.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Woodward Park color name →
#755F4A
oklch(0.502 0.043 65.3)
Farbumrechnungen
- HEX
- #755f4a
- RGB
- rgb(117 95 74)
- HSL
- hsl(29 23% 37%)
- HWB
- hwb(29 29% 54%)
- OKLCH
- oklch(0.502 0.043 65.3)
- OKLab
- oklab(0.502 0.018 0.039)
- CIE Lab
- lab(42.12 6.81 15.59)
- LCH
- lch(42.12 17.01 66.4)
- CMYK
- cmyk(0% 19% 37% 54%)
Tints · Shades · Tones
Tints
- 826E5B
- 8F7D6C
- 9D8C7D
- AA9C8E
- B8ACA0
- C6BCB3
- D4CCC5
- E2DDD8
- F1EEEC
Shades
- 65523F
- 554435
- 46382A
- 372C20
- 292017
- 1C150E
- 0F0A06
- 050302
- 010000
Tones
- 76624F
- 776655
- 79695A
- 7A6C60
- 7B7065
- 7C736A
- 7D7670
- 7E7975
- 7F7D7B
Farbharmonien
Komplementär +180°
- 755F4A
Woodward Park
- 4F677B
≈ Periscope
Analog -30° +30°
- 755F4A
Woodward Park
- 7A5B53
≈ Sequoia Dusk
- 6B6448
≈ Urbane
Triadisch +120° +240°
- 755F4A
Woodward Park
- 476C67
≈ Pond Newt
- 695E78
≈ Purple Passage
Geteilt komplementär +150° +210°
- 755F4A
Woodward Park
- 476A73
≈ Planet Green
- 5C627C
≈ Twilight Dusk
Tetradisch +90° +180° +270°
- 755F4A
Woodward Park
- 506B59
≈ Kale Green
- 4F677B
≈ Periscope
- 745B6D
≈ Banished Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.01:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.49:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--woodward-park: #755f4a;
--woodward-park-rgb: 117 95 74;
--woodward-park-oklch: oklch(0.502 0.043 65.3);
}
.element {
color: var(--woodward-park);
background-color: hsl(29 23% 37%);
border-color: oklch(0.502 0.043 65.3);
}Tailwind CSS v4
@theme {
--color-woodward-park: #755f4a;
--color-woodward-park-50: #fef3e9;
--color-woodward-park-100: #f2e6d9;
--color-woodward-park-200: #e1d1c1;
--color-woodward-park-300: #c7b4a1;
--color-woodward-park-400: #b19a84;
--color-woodward-park-500: #9a8169;
--color-woodward-park-600: #826d59;
--color-woodward-park-700: #695747;
--color-woodward-park-800: #4d3f33;
--color-woodward-park-900: #362c23;
--color-woodward-park-950: #211912;
}SCSS
$woodward-park: #755f4a;
$woodward-park-rgb: 117, 95, 74;
$woodward-park-light: mix(#fff, $woodward-park, 20%);
$woodward-park-dark: mix(#000, $woodward-park, 20%);
.element {
color: $woodward-park;
box-shadow: 0 0 0 2px rgba($woodward-park, 0.35);
}