Colore con nome · #DADCE0
Snow Tiger
Snow Tiger è #DADCE0: rgb(218 220 224), hsl(220 9% 87%), oklch(0.894 0.006 264.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Snow Tiger color name →
#DADCE0
oklch(0.894 0.006 264.5)
Conversioni di colore
- HEX
- #dadce0
- RGB
- rgb(218 220 224)
- HSL
- hsl(220 9% 87%)
- HWB
- hwb(220 85% 12%)
- OKLCH
- oklch(0.894 0.006 264.5)
- OKLab
- oklab(0.894 -0.001 -0.006)
- CIE Lab
- lab(87.69 -0.16 -2.22)
- LCH
- lch(87.69 2.22 266)
- CMYK
- cmyk(3% 2% 0% 12%)
Tinte · Ombre · Toni
Tinte
- DEDFE3
- E1E3E6
- E5E6E9
- E9EAEC
- ECEDEF
- F0F1F3
- F4F4F6
- F8F8F9
- FBFBFC
Ombre
- BDBFC3
- A2A3A6
- 87888A
- 6C6E70
- 545456
- 3C3C3E
- 252627
- 111112
- 020202
Toni
- D1D2D6
- C7C9CC
- BEBFC2
- B5B6B8
- ACADAF
- A3A4A5
- 9A9B9C
- 919292
- 898989
Armonie di colore
Complementare +180°
- DADCE0
Snow Tiger
- DEDCD8
≈ Spectral
Analogo -30° +30°
- DADCE0
Snow Tiger
- D8DDDF
≈ Spring Thaw
- DCDBE0
≈ Faint Fern
Triadico +120° +240°
- DADCE0
Snow Tiger
- E0DBDA
≈ Snow Peak
- DADDDA
≈ Shiny Lustre
Complementare divisa +150° +210°
- DADCE0
Snow Tiger
- DFDBD8
≈ Clear Cinnamon
- DCDCD8
≈ Fleur de Sel
Tetradico +90° +180° +270°
- DADCE0
Snow Tiger
- DFDADC
≈ Subtle
- DEDCD8
≈ Spectral
- D8DDDC
≈ December Rain
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.29:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.29:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--snow-tiger: #dadce0;
--snow-tiger-rgb: 218 220 224;
--snow-tiger-oklch: oklch(0.894 0.006 264.5);
}
.element {
color: var(--snow-tiger);
background-color: hsl(220 9% 87%);
border-color: oklch(0.894 0.006 264.5);
}Tailwind CSS v4
@theme {
--color-snow-tiger: #dadce0;
--color-snow-tiger-50: #f4f5f7;
--color-snow-tiger-100: #e7e8ea;
--color-snow-tiger-200: #d3d4d7;
--color-snow-tiger-300: #b6b7ba;
--color-snow-tiger-400: #9d9ea2;
--color-snow-tiger-500: #84868a;
--color-snow-tiger-600: #707275;
--color-snow-tiger-700: #595b5d;
--color-snow-tiger-800: #414244;
--color-snow-tiger-900: #2d2e2f;
--color-snow-tiger-950: #1a1b1c;
}SCSS
$snow-tiger: #dadce0;
$snow-tiger-rgb: 218, 220, 224;
$snow-tiger-light: mix(#fff, $snow-tiger, 20%);
$snow-tiger-dark: mix(#000, $snow-tiger, 20%);
.element {
color: $snow-tiger;
box-shadow: 0 0 0 2px rgba($snow-tiger, 0.35);
}