Nazwany kolor · #DBDBF7
Nostalgia Perfume
Nostalgia Perfume to #DBDBF7: rgb(219 219 247), hsl(240 64% 91%), oklch(0.9 0.038 285.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Nostalgia Perfume color name →
#DBDBF7
oklch(0.9 0.038 285.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFDFF8
- E2E2F9
- E6E6FA
- E9E9FA
- EDEDFB
- F0F1FC
- F4F4FD
- F8F8FE
- FBFBFE
Odcienie ciemniejsze
- BEBED7
- A2A2B7
- 878799
- 6D6D7C
- 545460
- 3C3C45
- 26262C
- 111115
- 020203
Tony
- D2D2EB
- C8C8DE
- BFBFD2
- B6B6C6
- ACACBA
- A3A3AE
- 9A9AA2
- 919297
- 89898B
Harmonie kolorów
Komplementarna +180°
- DBDBF7
Nostalgia Perfume
- E1E0C3
≈ Green Power
Analogowa -30° +30°
- DBDBF7
Nostalgia Perfume
- CEE0F8
≈ Light Breeze
- E8D7F0
≈ Pouty Purple
Triada +120° +240°
- DBDBF7
Nostalgia Perfume
- F5D7C9
≈ Angelic Pink
- C8E7D8
≈ Mint Whisper
Komplementarna rozszczepiona +150° +210°
- DBDBF7
Nostalgia Perfume
- EDDBC3
≈ Wild Oats
- D3E4CB
≈ Lime Flip
Tetrada +90° +180° +270°
- DBDBF7
Nostalgia Perfume
- F6D4D6
≈ Light Rose
- E1E0C3
≈ Green Power
- C2E6E6
≈ Swimming
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.48:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
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);
}