Colore con nome · #AABAC6
Windy Blue
Windy Blue è #AABAC6: rgb(170 186 198), hsl(206 20% 72%), oklch(0.78 0.025 240.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Windy Blue color name →
#AABAC6
oklch(0.78 0.025 240.2)
Conversioni di colore
- HEX
- #aabac6
- RGB
- rgb(170 186 198)
- HSL
- hsl(206 20% 72%)
- HWB
- hwb(206 67% 22%)
- OKLCH
- oklch(0.78 0.025 240.2)
- OKLab
- oklab(0.78 -0.012 -0.021)
- CIE Lab
- lab(74.55 -3.86 -8.07)
- LCH
- lch(74.55 8.95 244.4)
- CMYK
- cmyk(14% 6% 0% 22%)
Tinte · Ombre · Toni
Tinte
- B2C1CC
- BBC8D1
- C3CED7
- CBD5DD
- D4DCE2
- DCE3E8
- E5EAEE
- EEF1F3
- F6F8F9
Ombre
- 93A1AC
- 7D8992
- 68727A
- 535C62
- 3F464B
- 2D3235
- 1B1E21
- 0B0D0E
- 010202
Toni
- A6B4BF
- A1AEB8
- 9DA8B0
- 99A2A9
- 959DA2
- 91979B
- 8C9194
- 888B8E
- 848687
Armonie di colore
Complementare +180°
- AABAC6
Windy Blue
- C4B4A8
≈ Couch Potato
Analogo -30° +30°
- AABAC6
Windy Blue
- A6BCC0
≈ Seafoam Slate
- B1B7C8
≈ Brother Blue
Triadico +120° +240°
- AABAC6
Windy Blue
- C6B1B7
≈ Calm Cupid
- B5BAA9
≈ Cool Sea Air
Complementare divisa +150° +210°
- AABAC6
Windy Blue
- C7B2AE
≈ Subdued Hue
- BDB7A6
≈ Feathers of a Dove
Tetradico +90° +180° +270°
- AABAC6
Windy Blue
- C1B2BF
≈ La-De-Dah
- C4B4A8
≈ Couch Potato
- ADBCAF
≈ Foggy Rain
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.54:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--windy-blue: #aabac6;
--windy-blue-rgb: 170 186 198;
--windy-blue-oklch: oklch(0.78 0.025 240.2);
}
.element {
color: var(--windy-blue);
background-color: hsl(206 20% 72%);
border-color: oklch(0.78 0.025 240.2);
}Tailwind CSS v4
@theme {
--color-windy-blue: #aabac6;
--color-windy-blue-50: #eff6fc;
--color-windy-blue-100: #e1e9f0;
--color-windy-blue-200: #ccd6de;
--color-windy-blue-300: #adb9c3;
--color-windy-blue-400: #92a1ac;
--color-windy-blue-500: #788995;
--color-windy-blue-600: #66747e;
--color-windy-blue-700: #515d65;
--color-windy-blue-800: #3b444a;
--color-windy-blue-900: #282f33;
--color-windy-blue-950: #161b1f;
}SCSS
$windy-blue: #aabac6;
$windy-blue-rgb: 170, 186, 198;
$windy-blue-light: mix(#fff, $windy-blue, 20%);
$windy-blue-dark: mix(#000, $windy-blue, 20%);
.element {
color: $windy-blue;
box-shadow: 0 0 0 2px rgba($windy-blue, 0.35);
}