Benannte Farbe · #A99F97
Winter Nap
Winter Nap ist #A99F97: rgb(169 159 151), hsl(27 9% 63%), oklch(0.709 0.016 61.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Winter Nap color name →
#A99F97
oklch(0.709 0.016 61.2)
Farbumrechnungen
- HEX
- #a99f97
- RGB
- rgb(169 159 151)
- HSL
- hsl(27 9% 63%)
- HWB
- hwb(27 59% 34%)
- OKLCH
- oklch(0.709 0.016 61.2)
- OKLab
- oklab(0.709 0.008 0.014)
- CIE Lab
- lab(66.18 2.71 5.56)
- LCH
- lch(66.18 6.19 64)
- CMYK
- cmyk(0% 6% 11% 34%)
Tints · Shades · Tones
Tints
- B1A8A1
- BAB2AB
- C2BBB5
- CBC4BF
- D3CECA
- DCD8D4
- E5E1DF
- EDEBE9
- F6F5F4
Shades
- 928A83
- 7C756F
- 67615C
- 534D49
- 3F3B37
- 2C2926
- 1B1817
- 0A0908
- 010101
Tones
- A59C95
- A19992
- 9D9690
- 98928E
- 948F8B
- 908C89
- 8C8987
- 888685
- 848382
Farbharmonien
Komplementär +180°
- A99F97
Winter Nap
- 98A3AB
≈ Rainmaster
Analog -30° +30°
- A99F97
Winter Nap
- AB9E9B
≈ Stellar Mist
- A5A196
≈ Cloudy Today
Triadisch +120° +240°
- A99F97
Winter Nap
- 97A5A2
≈ Galway Bay
- A39FAA
≈ Amethyst Haze
Geteilt komplementär +150° +210°
- A99F97
Winter Nap
- 96A4A7
≈ Dusty Sky
- 9DA1AC
≈ Amethyst Haze
Tetradisch +90° +180° +270°
- A99F97
Winter Nap
- 9AA49C
≈ Seafoam Storm
- 98A3AB
≈ Rainmaster
- A79EA6
≈ Lavender Illusion
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.59:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.09:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--winter-nap: #a99f97;
--winter-nap-rgb: 169 159 151;
--winter-nap-oklch: oklch(0.709 0.016 61.2);
}
.element {
color: var(--winter-nap);
background-color: hsl(27 9% 63%);
border-color: oklch(0.709 0.016 61.2);
}Tailwind CSS v4
@theme {
--color-winter-nap: #a99f97;
--color-winter-nap-50: #f9f4f0;
--color-winter-nap-100: #ece7e2;
--color-winter-nap-200: #d9d3cd;
--color-winter-nap-300: #beb6af;
--color-winter-nap-400: #a69c95;
--color-winter-nap-500: #8f847b;
--color-winter-nap-600: #797069;
--color-winter-nap-700: #605953;
--color-winter-nap-800: #47413d;
--color-winter-nap-900: #312d2a;
--color-winter-nap-950: #1d1a17;
}SCSS
$winter-nap: #a99f97;
$winter-nap-rgb: 169, 159, 151;
$winter-nap-light: mix(#fff, $winter-nap, 20%);
$winter-nap-dark: mix(#000, $winter-nap, 20%);
.element {
color: $winter-nap;
box-shadow: 0 0 0 2px rgba($winter-nap, 0.35);
}