Benannte Farbe · #754D42
November Foliage
November Foliage ist #754D42: rgb(117 77 66), hsl(13 28% 36%), oklch(0.462 0.058 36). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · November Foliage color name →
#754D42
oklch(0.462 0.058 36)
Farbumrechnungen
- HEX
- #754d42
- RGB
- rgb(117 77 66)
- HSL
- hsl(13 28% 36%)
- HWB
- hwb(13 26% 54%)
- OKLCH
- oklch(0.462 0.058 36)
- OKLab
- oklab(0.462 0.047 0.034)
- CIE Lab
- lab(37.13 16.35 13.79)
- LCH
- lch(37.13 21.39 40.2)
- CMYK
- cmyk(0% 34% 44% 54%)
Tints · Shades · Tones
Tints
- 835D53
- 906E65
- 9E7F77
- AB9089
- B9A29C
- C7B4AF
- D5C6C2
- E3D9D6
- F1ECEA
Shades
- 654238
- 55372F
- 462C25
- 37221C
- 291814
- 1C0F0B
- 0F0705
- 050201
- 010000
Tones
- 775248
- 78574E
- 795C54
- 7B615A
- 7C6761
- 7D6C67
- 7E716D
- 7F7673
- 7F7B7A
Farbharmonien
Komplementär +180°
- 754D42
November Foliage
- 2E616D
≈ After the Storm
Analog -30° +30°
- 754D42
November Foliage
- 744B53
≈ Madder
- 6F5235
≈ Rustic Cabin
Triadisch +120° +240°
- 754D42
November Foliage
- 3D624B
≈ Windy Pine
- 505679
≈ Alpha Centauri
Geteilt komplementär +150° +210°
- 754D42
November Foliage
- 2E635D
≈ Strong Sage
- 3D5C77
≈ China Pattern
Tetradisch +90° +180° +270°
- 754D42
November Foliage
- 505F3B
≈ Shallot Leaf
- 2E616D
≈ After the Storm
- 605072
≈ Futaai Indigo
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.24:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.89:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--november-foliage: #754d42;
--november-foliage-rgb: 117 77 66;
--november-foliage-oklch: oklch(0.462 0.058 36);
}
.element {
color: var(--november-foliage);
background-color: hsl(13 28% 36%);
border-color: oklch(0.462 0.058 36);
}Tailwind CSS v4
@theme {
--color-november-foliage: #754d42;
--color-november-foliage-50: #fff0e9;
--color-november-foliage-100: #fae2da;
--color-november-foliage-200: #ebccc3;
--color-november-foliage-300: #d3aea2;
--color-november-foliage-400: #be9387;
--color-november-foliage-500: #a8796c;
--color-november-foliage-600: #8e665b;
--color-november-foliage-700: #725249;
--color-november-foliage-800: #543b35;
--color-november-foliage-900: #3b2924;
--color-november-foliage-950: #251613;
}SCSS
$november-foliage: #754d42;
$november-foliage-rgb: 117, 77, 66;
$november-foliage-light: mix(#fff, $november-foliage, 20%);
$november-foliage-dark: mix(#000, $november-foliage, 20%);
.element {
color: $november-foliage;
box-shadow: 0 0 0 2px rgba($november-foliage, 0.35);
}