Benannte Farbe · #D6B8BD
Nostalgia
Nostalgia ist #D6B8BD: rgb(214 184 189), hsl(350 27% 78%), oklch(0.81 0.035 6.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Nostalgia color name →
#D6B8BD
oklch(0.81 0.035 6.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- DABFC3
- DEC6CA
- E2CDD0
- E7D4D7
- EBDBDE
- EFE2E4
- F3E9EB
- F7F1F2
- FBF8F8
Shades
- BAA0A4
- 9E888C
- 847174
- 6A5B5D
- 524547
- 3B3133
- 251E1F
- 100C0D
- 020202
Tones
- CDB2B7
- C4ADB0
- BCA7AA
- B3A1A4
- AA9C9E
- A29698
- 999092
- 918B8C
- 888586
Farbharmonien
Komplementär +180°
- D6B8BD
Nostalgia
- A8C9C4
≈ Peppermint Pie
Analog -30° +30°
- D6B8BD
Nostalgia
- D0B9C9
≈ Antique Heather
- D6BAB1
≈ Wafer
Triadisch +120° +240°
- D6B8BD
Nostalgia
- BBC5AD
≈ Zion
- AFC4D7
≈ Faded Indigo
Geteilt komplementär +150° +210°
- D6B8BD
Nostalgia
- AFC8B8
≈ Pine Whisper
- A8C7D0
≈ Ocean Eyes
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.83:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.45:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.45:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
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);
}