Color con nombre · #DBDBF7
Nostalgia Perfume
Nostalgia Perfume es #DBDBF7: rgb(219 219 247), hsl(240 64% 91%), oklch(0.9 0.038 285.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Nostalgia Perfume color name →
#DBDBF7
oklch(0.9 0.038 285.6)
Conversiones de color
- HEX
- #dbdbf7
- RGB
- rgb(219 219 247)
- HSL
- hsl(240 64% 91%)
- HWB
- hwb(240 86% 3%)
- OKLCH
- oklch(0.9 0.038 285.6)
- OKLab
- oklab(0.9 0.01 -0.037)
- CIE Lab
- lab(88.06 3.99 -13.71)
- LCH
- lch(88.06 14.28 286.2)
- CMYK
- cmyk(11% 11% 0% 3%)
Tintes · Sombras · Tonos
Tintes
- DFDFF8
- E2E2F9
- E6E6FA
- E9E9FA
- EDEDFB
- F0F1FC
- F4F4FD
- F8F8FE
- FBFBFE
Sombras
- BEBED7
- A2A2B7
- 878799
- 6D6D7C
- 545460
- 3C3C45
- 26262C
- 111115
- 020203
Tonos
- D2D2EB
- C8C8DE
- BFBFD2
- B6B6C6
- ACACBA
- A3A3AE
- 9A9AA2
- 919297
- 89898B
Armonías de color
Complementario +180°
- DBDBF7
Nostalgia Perfume
- E1E0C3
≈ Green Power
Análogo -30° +30°
- DBDBF7
Nostalgia Perfume
- CEE0F8
≈ Light Breeze
- E8D7F0
≈ Pouty Purple
Triádico +120° +240°
- DBDBF7
Nostalgia Perfume
- F5D7C9
≈ Angelic Pink
- C8E7D8
≈ Mint Whisper
Complementario dividido +150° +210°
- DBDBF7
Nostalgia Perfume
- EDDBC3
≈ Wild Oats
- D3E4CB
≈ Lime Flip
Tetrádico +90° +180° +270°
- DBDBF7
Nostalgia Perfume
- F6D4D6
≈ Light Rose
- E1E0C3
≈ Green Power
- C2E6E6
≈ Swimming
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.48:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--nostalgia-perfume: #dbdbf7;
--nostalgia-perfume-rgb: 219 219 247;
--nostalgia-perfume-oklch: oklch(0.9 0.038 285.6);
}
.element {
color: var(--nostalgia-perfume);
background-color: hsl(240 64% 91%);
border-color: oklch(0.9 0.038 285.6);
}Tailwind CSS v4
@theme {
--color-nostalgia-perfume: #dbdbf7;
--color-nostalgia-perfume-50: #f4f4ff;
--color-nostalgia-perfume-100: #e7e6f4;
--color-nostalgia-perfume-200: #d3d2e4;
--color-nostalgia-perfume-300: #b6b5ca;
--color-nostalgia-perfume-400: #9c9cb5;
--color-nostalgia-perfume-500: #83839f;
--color-nostalgia-perfume-600: #6f6f86;
--color-nostalgia-perfume-700: #59596c;
--color-nostalgia-perfume-800: #40414f;
--color-nostalgia-perfume-900: #2c2d37;
--color-nostalgia-perfume-950: #191a22;
}SCSS
$nostalgia-perfume: #dbdbf7;
$nostalgia-perfume-rgb: 219, 219, 247;
$nostalgia-perfume-light: mix(#fff, $nostalgia-perfume, 20%);
$nostalgia-perfume-dark: mix(#000, $nostalgia-perfume, 20%);
.element {
color: $nostalgia-perfume;
box-shadow: 0 0 0 2px rgba($nostalgia-perfume, 0.35);
}