Benannte Farbe · #A7AFAC
Wintry Sky
Wintry Sky ist #A7AFAC: rgb(167 175 172), hsl(158 5% 67%), oklch(0.747 0.01 171.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Wintry Sky color name →
#A7AFAC
oklch(0.747 0.01 171.7)
Farbumrechnungen
- HEX
- #a7afac
- RGB
- rgb(167 175 172)
- HSL
- hsl(158 5% 67%)
- HWB
- hwb(158 65% 31%)
- OKLCH
- oklch(0.747 0.01 171.7)
- OKLab
- oklab(0.747 -0.01 0.001)
- CIE Lab
- lab(70.75 -3.34 0.52)
- LCH
- lch(70.75 3.38 171.2)
- CMYK
- cmyk(5% 0% 2% 31%)
Tints · Shades · Tones
Tints
- AFB7B4
- B8BFBC
- C1C6C4
- C9CECC
- D2D6D5
- DBDEDD
- E4E6E5
- EDEFEE
- F6F7F6
Shades
- 919895
- 7B817F
- 666B69
- 525654
- 3E4140
- 2C2E2D
- 1A1C1B
- 0A0B0B
- 010101
Tones
- A3AAA7
- 9FA5A3
- 9BA19F
- 979C9A
- 939796
- 8F9291
- 8C8E8D
- 888989
- 848584
Farbharmonien
Komplementär +180°
- A7AFAC
Wintry Sky
- B2AAAD
≈ Silver Service
Analog -30° +30°
- A7AFAC
Wintry Sky
- A9AFA9
≈ Pigeon
- A6AFAF
≈ Wintry Sky
Triadisch +120° +240°
- A7AFAC
Wintry Sky
- ADACB3
≈ Sylph
- B2ABA7
≈ Autumn Grey
Geteilt komplementär +150° +210°
- A7AFAC
Wintry Sky
- B0ABB1
≈ Endless Slumber
- B3ABAA
≈ Silver Service
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.24:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.37:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--wintry-sky: #a7afac;
--wintry-sky-rgb: 167 175 172;
--wintry-sky-oklch: oklch(0.747 0.01 171.7);
}
.element {
color: var(--wintry-sky);
background-color: hsl(158 5% 67%);
border-color: oklch(0.747 0.01 171.7);
}Tailwind CSS v4
@theme {
--color-wintry-sky: #a7afac;
--color-wintry-sky-50: #f2f6f5;
--color-wintry-sky-100: #e5e9e7;
--color-wintry-sky-200: #d0d6d4;
--color-wintry-sky-300: #b2b9b7;
--color-wintry-sky-400: #99a09e;
--color-wintry-sky-500: #808885;
--color-wintry-sky-600: #6c7371;
--color-wintry-sky-700: #575c5a;
--color-wintry-sky-800: #3f4342;
--color-wintry-sky-900: #2b2f2d;
--color-wintry-sky-950: #191b1a;
}SCSS
$wintry-sky: #a7afac;
$wintry-sky-rgb: 167, 175, 172;
$wintry-sky-light: mix(#fff, $wintry-sky, 20%);
$wintry-sky-dark: mix(#000, $wintry-sky, 20%);
.element {
color: $wintry-sky;
box-shadow: 0 0 0 2px rgba($wintry-sky, 0.35);
}