Colore con nome · #ACBAC5
Cold Snap
Cold Snap è #ACBAC5: rgb(172 186 197), hsl(206 18% 72%), oklch(0.782 0.022 241.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cold Snap color name →
#ACBAC5
oklch(0.782 0.022 241.4)
Conversioni di colore
- HEX
- #acbac5
- RGB
- rgb(172 186 197)
- HSL
- hsl(206 18% 72%)
- HWB
- hwb(206 67% 23%)
- OKLCH
- oklch(0.782 0.022 241.4)
- OKLab
- oklab(0.782 -0.011 -0.019)
- CIE Lab
- lab(74.68 -3.33 -7.32)
- LCH
- lch(74.68 8.05 245.5)
- CMYK
- cmyk(13% 6% 0% 23%)
Tinte · Ombre · Toni
Tinte
- B4C1CB
- BCC7D0
- C4CED6
- CDD5DC
- D5DCE2
- DDE3E8
- E6EAED
- EEF1F3
- F6F8F9
Ombre
- 95A1AB
- 7F8992
- 697279
- 545C61
- 40464B
- 2D3235
- 1B1E21
- 0B0D0E
- 010202
Toni
- A8B4BE
- A3AEB7
- 9FA8B0
- 9AA2A9
- 969DA2
- 91979B
- 8D9194
- 898B8D
- 848687
Armonie di colore
Complementare +180°
- ACBAC5
Cold Snap
- C3B5AA
≈ Ash Grey
Analogo -30° +30°
- ACBAC5
Cold Snap
- A9BCC0
≈ Grey Grain
- B2B7C6
≈ Brother Blue
Triadico +120° +240°
- ACBAC5
Cold Snap
- C5B2B7
≈ Blossom Powder
- B5BAAB
≈ Cool Sea Air
Complementare divisa +150° +210°
- ACBAC5
Cold Snap
- C6B3AF
≈ Rosy Linen
- BDB8A8
≈ Historical Ruins
Tetradico +90° +180° +270°
- ACBAC5
Cold Snap
- C1B3BE
≈ La-De-Dah
- C3B5AA
≈ Ash Grey
- AEBCB1
≈ Foggy Rain
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.58:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--cold-snap: #acbac5;
--cold-snap-rgb: 172 186 197;
--cold-snap-oklch: oklch(0.782 0.022 241.4);
}
.element {
color: var(--cold-snap);
background-color: hsl(206 18% 72%);
border-color: oklch(0.782 0.022 241.4);
}Tailwind CSS v4
@theme {
--color-cold-snap: #acbac5;
--color-cold-snap-50: #f0f6fb;
--color-cold-snap-100: #e2e9ef;
--color-cold-snap-200: #cdd6dd;
--color-cold-snap-300: #aeb9c2;
--color-cold-snap-400: #93a0ab;
--color-cold-snap-500: #7a8894;
--color-cold-snap-600: #67737d;
--color-cold-snap-700: #525c64;
--color-cold-snap-800: #3c4449;
--color-cold-snap-900: #292f33;
--color-cold-snap-950: #171b1f;
}SCSS
$cold-snap: #acbac5;
$cold-snap-rgb: 172, 186, 197;
$cold-snap-light: mix(#fff, $cold-snap, 20%);
$cold-snap-dark: mix(#000, $cold-snap, 20%);
.element {
color: $cold-snap;
box-shadow: 0 0 0 2px rgba($cold-snap, 0.35);
}