Benannte Farbe · #B56A4C
Autumn Leaf
Autumn Leaf ist #B56A4C: rgb(181 106 76), hsl(17 42% 50%), oklch(0.601 0.106 42.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Autumn Leaf color name →
#B56A4C
oklch(0.601 0.106 42.3)
Farbumrechnungen
- HEX
- #b56a4c
- RGB
- rgb(181 106 76)
- HSL
- hsl(17 42% 50%)
- HWB
- hwb(17 30% 29%)
- OKLCH
- oklch(0.601 0.106 42.3)
- OKLab
- oklab(0.601 0.078 0.071)
- CIE Lab
- lab(53.01 28.59 30.25)
- LCH
- lch(53.01 41.63 46.6)
- CMYK
- cmyk(0% 41% 58% 29%)
Tints · Shades · Tones
Tints
- BD795E
- C5876F
- CD9680
- D5A592
- DDB4A4
- E4C2B5
- EBD1C8
- F2E0DA
- F8F0EC
Shades
- 9D5B41
- 864D36
- 6F3F2C
- 593122
- 442418
- 30180F
- 1D0D06
- 0C0402
- 020000
Tones
- B06D52
- AB6F58
- A7725D
- A17462
- 9C7668
- 97796D
- 927B72
- 8C7C77
- 867E7B
Farbharmonien
Komplementär +180°
- B56A4C
Autumn Leaf
- 1A8EAE
≈ Mediterranean Sea
Analog -30° +30°
- B56A4C
Autumn Leaf
- B6646F
≈ Slate Rose
- A77530
≈ Hot Toddy
Triadisch +120° +240°
- B56A4C
Autumn Leaf
- 39946D
≈ Illuminati Green
- 7778BE
≈ Persian Jewel
Geteilt komplementär +150° +210°
- B56A4C
Autumn Leaf
- 009491
≈ Paradise Landscape
- 4F84BE
≈ Blue Vault
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.09:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.13:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--autumn-leaf: #b56a4c;
--autumn-leaf-rgb: 181 106 76;
--autumn-leaf-oklch: oklch(0.601 0.106 42.3);
}
.element {
color: var(--autumn-leaf);
background-color: hsl(17 42% 50%);
border-color: oklch(0.601 0.106 42.3);
}Tailwind CSS v4
@theme {
--color-autumn-leaf: #b56a4c;
--color-autumn-leaf-50: #ffecdd;
--color-autumn-leaf-100: #ffdecc;
--color-autumn-leaf-200: #fcc7b0;
--color-autumn-leaf-300: #e6a68b;
--color-autumn-leaf-400: #d3896c;
--color-autumn-leaf-500: #c06d4b;
--color-autumn-leaf-600: #a25c40;
--color-autumn-leaf-700: #824a33;
--color-autumn-leaf-800: #613525;
--color-autumn-leaf-900: #442419;
--color-autumn-leaf-950: #2c1309;
}SCSS
$autumn-leaf: #b56a4c;
$autumn-leaf-rgb: 181, 106, 76;
$autumn-leaf-light: mix(#fff, $autumn-leaf, 20%);
$autumn-leaf-dark: mix(#000, $autumn-leaf, 20%);
.element {
color: $autumn-leaf;
box-shadow: 0 0 0 2px rgba($autumn-leaf, 0.35);
}