Najbliższy nazwany kolor · #D5ADE0
#D5ADE0
Najbliższy nazwany kolor: Lilac Lace
#D5ADE0 (rgb(213 173 224), hsl(287 45% 78%), oklch(0.8 0.083 318.9)) jest najbliższy nazwanemu kolorowi Lilac Lace. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D5ADE0
oklch(0.8 0.083 318.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9B5E3
- DEBDE6
- E2C5EA
- E6CEED
- EAD6F0
- EEDEF3
- F3E6F6
- F7EEF9
- FBF7FC
Odcienie ciemniejsze
- B996C3
- 9E7FA6
- 836A8A
- 6A5570
- 514156
- 3A2D3E
- 241B27
- 100B12
- 020102
Tony
- CCA9D6
- C4A4CC
- BBA0C2
- B29BB9
- AA97AF
- A192A6
- 998E9C
- 918993
- 888589
Harmonie kolorów
Komplementarna +180°
- D5ADE0
Lilac Lace
- A3CB98
≈ Arcadian Green
Analogowa -30° +30°
- D5ADE0
Lilac Lace
- BBB5F0
≈ Purple Sand
- E7A8C6
≈ Party Time
Triada +120° +240°
- D5ADE0
Lilac Lace
- DBB880
≈ Honey Bunny
- 79CED2
≈ Soft Turquoise
Komplementarna rozszczepiona +150° +210°
- D5ADE0
Lilac Lace
- C1C284
≈ Kiss a Frog
- 86CFB4
≈ Tropical Trail
Tetrada +90° +180° +270°
- D5ADE0
Lilac Lace
- EAAE8F
≈ Sweet Marmalade
- A3CB98
≈ Arcadian Green
- 83C8E8
≈ Shimmer
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.88:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}