Colore con nome · #A9C9D7
Vast Sky
Vast Sky è #A9C9D7: rgb(169 201 215), hsl(198 37% 75%), oklch(0.817 0.04 226.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Vast Sky color name →
#A9C9D7
oklch(0.817 0.04 226.2)
Conversioni di colore
- HEX
- #a9c9d7
- RGB
- rgb(169 201 215)
- HSL
- hsl(198 37% 75%)
- HWB
- hwb(198 66% 16%)
- OKLCH
- oklch(0.817 0.04 226.2)
- OKLab
- oklab(0.817 -0.027 -0.029)
- CIE Lab
- lab(78.94 -8.81 -10.76)
- LCH
- lch(78.94 13.91 230.7)
- CMYK
- cmyk(21% 7% 0% 16%)
Tinte · Ombre · Toni
Tinte
- B2CEDB
- BAD4DF
- C3D9E3
- CBDEE7
- D4E4EB
- DCE9EF
- E5EFF3
- EEF4F7
- F6FAFB
Ombre
- 92AEBB
- 7C959F
- 677C85
- 53646B
- 3F4C52
- 2C363B
- 1B2225
- 0A0F11
- 010202
Toni
- A5C1CE
- A1BAC5
- 9DB3BC
- 99ABB3
- 95A4AB
- 919DA2
- 8C9599
- 888E91
- 848788
Armonie di colore
Complementare +180°
- A9C9D7
Vast Sky
- DABCAE
≈ One to Remember
Analogo -30° +30°
- A9C9D7
Vast Sky
- A6CCCB
≈ Mystery
- B3C5DD
≈ Periwinkle Bud
Triadico +120° +240°
- A9C9D7
Vast Sky
- D7B9C8
≈ Spring Boutique
- C6C5A8
≈ Cargo Green
Complementare divisa +150° +210°
- A9C9D7
Vast Sky
- DCB9BA
≈ Lilac Paradise
- D2C0A7
≈ Baja
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASu nero
WCAG 12.02:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.02:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--vast-sky: #a9c9d7;
--vast-sky-rgb: 169 201 215;
--vast-sky-oklch: oklch(0.817 0.04 226.2);
}
.element {
color: var(--vast-sky);
background-color: hsl(198 37% 75%);
border-color: oklch(0.817 0.04 226.2);
}Tailwind CSS v4
@theme {
--color-vast-sky: #a9c9d7;
--color-vast-sky-50: #eaf8fe;
--color-vast-sky-100: #dbebf2;
--color-vast-sky-200: #c4d8e2;
--color-vast-sky-300: #a3bcc8;
--color-vast-sky-400: #86a4b1;
--color-vast-sky-500: #6a8c9a;
--color-vast-sky-600: #5a7683;
--color-vast-sky-700: #485f69;
--color-vast-sky-800: #34464d;
--color-vast-sky-900: #233035;
--color-vast-sky-950: #121c20;
}SCSS
$vast-sky: #a9c9d7;
$vast-sky-rgb: 169, 201, 215;
$vast-sky-light: mix(#fff, $vast-sky, 20%);
$vast-sky-dark: mix(#000, $vast-sky, 20%);
.element {
color: $vast-sky;
box-shadow: 0 0 0 2px rgba($vast-sky, 0.35);
}