Colore con nome · #D6B8BD
Nostalgia
Nostalgia è #D6B8BD: rgb(214 184 189), hsl(350 27% 78%), oklch(0.81 0.035 6.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Nostalgia color name →
#D6B8BD
oklch(0.81 0.035 6.6)
Conversioni di colore
- HEX
- #d6b8bd
- RGB
- rgb(214 184 189)
- HSL
- hsl(350 27% 78%)
- HWB
- hwb(350 72% 16%)
- OKLCH
- oklch(0.81 0.035 6.6)
- OKLab
- oklab(0.81 0.035 0.004)
- CIE Lab
- lab(77.52 11.7 1.65)
- LCH
- lch(77.52 11.81 8)
- CMYK
- cmyk(0% 14% 12% 16%)
Tinte · Ombre · Toni
Tinte
- DABFC3
- DEC6CA
- E2CDD0
- E7D4D7
- EBDBDE
- EFE2E4
- F3E9EB
- F7F1F2
- FBF8F8
Ombre
- BAA0A4
- 9E888C
- 847174
- 6A5B5D
- 524547
- 3B3133
- 251E1F
- 100C0D
- 020202
Toni
- CDB2B7
- C4ADB0
- BCA7AA
- B3A1A4
- AA9C9E
- A29698
- 999092
- 918B8C
- 888586
Armonie di colore
Complementare +180°
- D6B8BD
Nostalgia
- A8C9C4
≈ Peppermint Pie
Analogo -30° +30°
- D6B8BD
Nostalgia
- D0B9C9
≈ Antique Heather
- D6BAB1
≈ Wafer
Triadico +120° +240°
- D6B8BD
Nostalgia
- BBC5AD
≈ Zion
- AFC4D7
≈ Faded Indigo
Complementare divisa +150° +210°
- D6B8BD
Nostalgia
- AFC8B8
≈ Pine Whisper
- A8C7D0
≈ Ocean Eyes
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.45:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.45:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--nostalgia: #d6b8bd;
--nostalgia-rgb: 214 184 189;
--nostalgia-oklch: oklch(0.81 0.035 6.6);
}
.element {
color: var(--nostalgia);
background-color: hsl(350 27% 78%);
border-color: oklch(0.81 0.035 6.6);
}Tailwind CSS v4
@theme {
--color-nostalgia: #d6b8bd;
--color-nostalgia-50: #fff1f3;
--color-nostalgia-100: #f3e3e5;
--color-nostalgia-200: #e3ced1;
--color-nostalgia-300: #c8b0b4;
--color-nostalgia-400: #b2969b;
--color-nostalgia-500: #9b7d82;
--color-nostalgia-600: #836a6e;
--color-nostalgia-700: #695558;
--color-nostalgia-800: #4d3d41;
--color-nostalgia-900: #362a2d;
--color-nostalgia-950: #21181a;
}SCSS
$nostalgia: #d6b8bd;
$nostalgia-rgb: 214, 184, 189;
$nostalgia-light: mix(#fff, $nostalgia, 20%);
$nostalgia-dark: mix(#000, $nostalgia, 20%);
.element {
color: $nostalgia;
box-shadow: 0 0 0 2px rgba($nostalgia, 0.35);
}