Benannte Farbe · #AEB5C7
Spacious Sky
Spacious Sky ist #AEB5C7: rgb(174 181 199), hsl(223 18% 73%), oklch(0.773 0.027 268.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Spacious Sky color name →
#AEB5C7
oklch(0.773 0.027 268.8)
Farbumrechnungen
- HEX
- #aeb5c7
- RGB
- rgb(174 181 199)
- HSL
- hsl(223 18% 73%)
- HWB
- hwb(223 68% 22%)
- OKLCH
- oklch(0.773 0.027 268.8)
- OKLab
- oklab(0.773 -0.001 -0.027)
- CIE Lab
- lab(73.55 0.18 -10.04)
- LCH
- lch(73.55 10.05 271)
- CMYK
- cmyk(13% 9% 0% 22%)
Tints · Shades · Tones
Tints
- B6BCCD
- BEC3D2
- C6CBD8
- CED2DD
- D6D9E3
- DEE1E8
- E6E8EE
- EEF0F4
- F7F7F9
Shades
- 979DAD
- 808693
- 6A6F7A
- 555962
- 41444C
- 2E3036
- 1C1D21
- 0B0C0E
- 010202
Tones
- A9B0C0
- A5AAB8
- A0A5B1
- 9B9FAA
- 979AA3
- 92959C
- 8E9095
- 898A8E
- 848587
Farbharmonien
Komplementär +180°
- AEB5C7
Spacious Sky
- BCB5A2
≈ Tea
Analog -30° +30°
- AEB5C7
Spacious Sky
- A6B8C5
≈ Hazy Daze
- B7B2C4
≈ Evening Haze
Triadisch +120° +240°
- AEB5C7
Spacious Sky
- C6AFAC
≈ Wispy Mauve
- AABAAC
≈ Rockfall
Geteilt komplementär +150° +210°
- AEB5C7
Spacious Sky
- C3B2A5
≈ Couch Potato
- B3B8A5
≈ Matt Sage
Tetradisch +90° +180° +270°
- AEB5C7
Spacious Sky
- C5AFB5
≈ Mature
- BCB5A2
≈ Tea
- A4BBB5
≈ Garden Twilight
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.05:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.23:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.23:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--spacious-sky: #aeb5c7;
--spacious-sky-rgb: 174 181 199;
--spacious-sky-oklch: oklch(0.773 0.027 268.8);
}
.element {
color: var(--spacious-sky);
background-color: hsl(223 18% 73%);
border-color: oklch(0.773 0.027 268.8);
}Tailwind CSS v4
@theme {
--color-spacious-sky: #aeb5c7;
--color-spacious-sky-50: #f2f5fd;
--color-spacious-sky-100: #e4e8f1;
--color-spacious-sky-200: #d0d4e0;
--color-spacious-sky-300: #b2b7c6;
--color-spacious-sky-400: #989eaf;
--color-spacious-sky-500: #7f8699;
--color-spacious-sky-600: #6b7181;
--color-spacious-sky-700: #565b67;
--color-spacious-sky-800: #3e424c;
--color-spacious-sky-900: #2b2e35;
--color-spacious-sky-950: #181b20;
}SCSS
$spacious-sky: #aeb5c7;
$spacious-sky-rgb: 174, 181, 199;
$spacious-sky-light: mix(#fff, $spacious-sky, 20%);
$spacious-sky-dark: mix(#000, $spacious-sky, 20%);
.element {
color: $spacious-sky;
box-shadow: 0 0 0 2px rgba($spacious-sky, 0.35);
}