Benannte Farbe · #9D8D66
Autumn Laurel
Autumn Laurel ist #9D8D66: rgb(157 141 102), hsl(43 22% 51%), oklch(0.648 0.058 88.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Autumn Laurel color name →
#9D8D66
oklch(0.648 0.058 88.3)
Farbumrechnungen
- HEX
- #9d8d66
- RGB
- rgb(157 141 102)
- HSL
- hsl(43 22% 51%)
- HWB
- hwb(43 40% 38%)
- OKLCH
- oklch(0.648 0.058 88.3)
- OKLab
- oklab(0.648 0.002 0.057)
- CIE Lab
- lab(59.34 1.79 23.16)
- LCH
- lch(59.34 23.23 85.6)
- CMYK
- cmyk(0% 10% 35% 38%)
Tints · Shades · Tones
Tints
- A69875
- B0A384
- BAAE93
- C3B9A2
- CDC5B1
- D7D0C0
- E1DCD0
- EBE7DF
- F5F3EF
Shades
- 887A58
- 73674A
- 5F553C
- 4C442F
- 3A3323
- 282317
- 18140C
- 090704
- 010100
Tones
- 9A8C69
- 978B6C
- 94896F
- 918871
- 8E8774
- 8C8576
- 898479
- 86837B
- 83817E
Farbharmonien
Komplementär +180°
- 9D8D66
Autumn Laurel
- 7F8EB2
≈ Luxury
Analog -30° +30°
- 9D8D66
Autumn Laurel
- AA866C
≈ Pottery Urn
- 8B946C
≈ Cider Pear Green
Triadisch +120° +240°
- 9D8D66
Autumn Laurel
- 6499A1
≈ Shore Water
- A282A0
≈ Pink Plumeria
Geteilt komplementär +150° +210°
- 9D8D66
Autumn Laurel
- 6E94AE
≈ Aragonite Blue
- 9387AD
≈ Larkspur Violet
Tetradisch +90° +180° +270°
- 9D8D66
Autumn Laurel
- 679A8F
≈ Little League
- 7F8EB2
≈ Luxury
- AC808E
≈ Silken Raspberry
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.26:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.43:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--autumn-laurel: #9d8d66;
--autumn-laurel-rgb: 157 141 102;
--autumn-laurel-oklch: oklch(0.648 0.058 88.3);
}
.element {
color: var(--autumn-laurel);
background-color: hsl(43 22% 51%);
border-color: oklch(0.648 0.058 88.3);
}Tailwind CSS v4
@theme {
--color-autumn-laurel: #9d8d66;
--color-autumn-laurel-50: #fbf5e3;
--color-autumn-laurel-100: #efe8d3;
--color-autumn-laurel-200: #ded4b9;
--color-autumn-laurel-300: #c3b796;
--color-autumn-laurel-400: #ac9d78;
--color-autumn-laurel-500: #968459;
--color-autumn-laurel-600: #7f704c;
--color-autumn-laurel-700: #655a3d;
--color-autumn-laurel-800: #4b412b;
--color-autumn-laurel-900: #342d1d;
--color-autumn-laurel-950: #201a0d;
}SCSS
$autumn-laurel: #9d8d66;
$autumn-laurel-rgb: 157, 141, 102;
$autumn-laurel-light: mix(#fff, $autumn-laurel, 20%);
$autumn-laurel-dark: mix(#000, $autumn-laurel, 20%);
.element {
color: $autumn-laurel;
box-shadow: 0 0 0 2px rgba($autumn-laurel, 0.35);
}