Colore con nome più vicino · #D5ADE0
#D5ADE0
Colore con nome più vicino: Lilac Lace
#D5ADE0 (rgb(213 173 224), hsl(287 45% 78%), oklch(0.8 0.083 318.9)) è più vicino al colore con nome Lilac Lace. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D5ADE0
oklch(0.8 0.083 318.9)
Conversioni di colore
- HEX
- #d5ade0
- RGB
- rgb(213 173 224)
- HSL
- hsl(287 45% 78%)
- HWB
- hwb(287 68% 12%)
- OKLCH
- oklch(0.8 0.083 318.9)
- OKLab
- oklab(0.8 0.062 -0.054)
- CIE Lab
- lab(75.63 21.66 -20.07)
- LCH
- lch(75.63 29.53 317.2)
- CMYK
- cmyk(5% 23% 0% 12%)
Tinte · Ombre · Toni
Tinte
- D9B5E3
- DEBDE6
- E2C5EA
- E6CEED
- EAD6F0
- EEDEF3
- F3E6F6
- F7EEF9
- FBF7FC
Ombre
- B996C3
- 9E7FA6
- 836A8A
- 6A5570
- 514156
- 3A2D3E
- 241B27
- 100B12
- 020102
Toni
- CCA9D6
- C4A4CC
- BBA0C2
- B29BB9
- AA97AF
- A192A6
- 998E9C
- 918993
- 888589
Armonie di colore
Complementare +180°
- D5ADE0
Lilac Lace
- A3CB98
≈ Arcadian Green
Analogo -30° +30°
- D5ADE0
Lilac Lace
- BBB5F0
≈ Purple Sand
- E7A8C6
≈ Party Time
Triadico +120° +240°
- D5ADE0
Lilac Lace
- DBB880
≈ Honey Bunny
- 79CED2
≈ Soft Turquoise
Complementare divisa +150° +210°
- D5ADE0
Lilac Lace
- C1C284
≈ Kiss a Frog
- 86CFB4
≈ Tropical Trail
Tetradico +90° +180° +270°
- D5ADE0
Lilac Lace
- EAAE8F
≈ Sweet Marmalade
- A3CB98
≈ Arcadian Green
- 83C8E8
≈ Shimmer
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.88:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--lilac-lace: #d5ade0;
--lilac-lace-rgb: 213 173 224;
--lilac-lace-oklch: oklch(0.8 0.083 318.9);
}
.element {
color: var(--lilac-lace);
background-color: hsl(287 45% 78%);
border-color: oklch(0.8 0.083 318.9);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #d5ade0;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f5dff9;
--color-lilac-lace-200: #e5c9ea;
--color-lilac-lace-300: #cbaad2;
--color-lilac-lace-400: #b48fbe;
--color-lilac-lace-500: #9e74a9;
--color-lilac-lace-600: #85638f;
--color-lilac-lace-700: #6b4f73;
--color-lilac-lace-800: #4e3955;
--color-lilac-lace-900: #36273c;
--color-lilac-lace-950: #211525;
}SCSS
$lilac-lace: #d5ade0;
$lilac-lace-rgb: 213, 173, 224;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}