Colore con nome · #DBD4C3
Asiago
Asiago è #DBD4C3: rgb(219 212 195), hsl(43 25% 81%), oklch(0.871 0.024 88.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Asiago color name →
#DBD4C3
oklch(0.871 0.024 88.2)
Conversioni di colore
- HEX
- #dbd4c3
- RGB
- rgb(219 212 195)
- HSL
- hsl(43 25% 81%)
- HWB
- hwb(43 76% 14%)
- OKLCH
- oklch(0.871 0.024 88.2)
- OKLab
- oklab(0.871 0.001 0.024)
- CIE Lab
- lab(85.13 0.35 9.35)
- LCH
- lch(85.13 9.35 87.9)
- CMYK
- cmyk(0% 3% 11% 14%)
Tinte · Ombre · Toni
Tinte
- DFD8C9
- E2DDCF
- E6E1D5
- E9E5DB
- EDE9E1
- F0EEE7
- F4F2ED
- F8F6F3
- FBFBF9
Ombre
- BEB8A9
- A29D90
- 878378
- 6D6960
- 54514A
- 3C3A34
- 262420
- 11100E
- 020202
Toni
- D2CBBC
- C8C3B5
- BFBAAE
- B6B2A8
- ACA9A1
- A3A19A
- 9A9894
- 91908D
- 898886
Armonie di colore
Complementare +180°
- DBD4C3
Asiago
- CED4E5
≈ Après-Ski
Analogo -30° +30°
- DBD4C3
Asiago
- E1D1C5
≈ Pearl Bush
- D3D7C5
≈ Wine Bottle
Triadico +120° +240°
- DBD4C3
Asiago
- C3D9DD
≈ Light Dewpoint
- DECFDD
≈ Orchid Ice
Complementare divisa +150° +210°
- DBD4C3
Asiago
- C7D7E3
≈ Blueberry Ice
- D6D1E3
≈ Dusty Plum
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.21:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.21:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--asiago: #dbd4c3;
--asiago-rgb: 219 212 195;
--asiago-oklch: oklch(0.871 0.024 88.2);
}
.element {
color: var(--asiago);
background-color: hsl(43 25% 81%);
border-color: oklch(0.871 0.024 88.2);
}Tailwind CSS v4
@theme {
--color-asiago: #dbd4c3;
--color-asiago-50: #f8f5ed;
--color-asiago-100: #ebe8df;
--color-asiago-200: #d8d4c9;
--color-asiago-300: #bcb7aa;
--color-asiago-400: #a49e8f;
--color-asiago-500: #8d8674;
--color-asiago-600: #777163;
--color-asiago-700: #5f5a4f;
--color-asiago-800: #464239;
--color-asiago-900: #302d27;
--color-asiago-950: #1d1a15;
}SCSS
$asiago: #dbd4c3;
$asiago-rgb: 219, 212, 195;
$asiago-light: mix(#fff, $asiago, 20%);
$asiago-dark: mix(#000, $asiago, 20%);
.element {
color: $asiago;
box-shadow: 0 0 0 2px rgba($asiago, 0.35);
}