Benannte Farbe · #AA9D80
Winter Sage
Winter Sage ist #AA9D80: rgb(170 157 128), hsl(41 20% 58%), oklch(0.7 0.043 86.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Winter Sage color name →
#AA9D80
oklch(0.7 0.043 86.7)
Farbumrechnungen
- HEX
- #aa9d80
- RGB
- rgb(170 157 128)
- HSL
- hsl(41 20% 58%)
- HWB
- hwb(41 50% 33%)
- OKLCH
- oklch(0.7 0.043 86.7)
- OKLab
- oklab(0.7 0.002 0.043)
- CIE Lab
- lab(65.3 1.43 17.05)
- LCH
- lch(65.3 17.11 85.2)
- CMYK
- cmyk(0% 8% 25% 33%)
Tints · Shades · Tones
Tints
- B2A68C
- BBB099
- C3BAA5
- CBC3B1
- D4CDBE
- DCD7CB
- E5E1D8
- EEEBE5
- F6F5F2
Shades
- 93886E
- 7D735D
- 685F4D
- 534C3D
- 3F3A2E
- 2D281F
- 1B1812
- 0B0906
- 010101
Tones
- A69A80
- A19780
- 9D9480
- 999180
- 958E80
- 918C80
- 8C8980
- 888680
- 848380
Farbharmonien
Komplementär +180°
- AA9D80
Winter Sage
- 929EBA
≈ Electric Sky
Analog -30° +30°
- AA9D80
Winter Sage
- B49885
≈ Butcher Paper
- 9CA284
≈ Zebra Grass
Triadisch +120° +240°
- AA9D80
Winter Sage
- 7FA6AC
≈ Ziggurat
- AD95AD
≈ London Hue
Geteilt komplementär +150° +210°
- AA9D80
Winter Sage
- 85A3B6
≈ Grauzone
- A199B7
≈ Grape Gatsby
Tetradisch +90° +180° +270°
- AA9D80
Winter Sage
- 82A89D
≈ Scenario
- 929EBA
≈ Electric Sky
- B6949F
≈ Ashberry
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.67:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.84:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.84:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--winter-sage: #aa9d80;
--winter-sage-rgb: 170 157 128;
--winter-sage-oklch: oklch(0.7 0.043 86.7);
}
.element {
color: var(--winter-sage);
background-color: hsl(41 20% 58%);
border-color: oklch(0.7 0.043 86.7);
}Tailwind CSS v4
@theme {
--color-winter-sage: #aa9d80;
--color-winter-sage-50: #faf5e8;
--color-winter-sage-100: #eee7d8;
--color-winter-sage-200: #dcd4c0;
--color-winter-sage-300: #c0b79f;
--color-winter-sage-400: #aa9d82;
--color-winter-sage-500: #938565;
--color-winter-sage-600: #7c7056;
--color-winter-sage-700: #635a45;
--color-winter-sage-800: #494131;
--color-winter-sage-900: #332d21;
--color-winter-sage-950: #1f1a11;
}SCSS
$winter-sage: #aa9d80;
$winter-sage-rgb: 170, 157, 128;
$winter-sage-light: mix(#fff, $winter-sage, 20%);
$winter-sage-dark: mix(#000, $winter-sage, 20%);
.element {
color: $winter-sage;
box-shadow: 0 0 0 2px rgba($winter-sage, 0.35);
}