Najbliższy nazwany kolor · #AD90BB
#AD90BB
Najbliższy nazwany kolor: Enchanted Lilac
#AD90BB (rgb(173 144 187), hsl(280 24% 65%), oklch(0.694 0.07 314.6)) jest najbliższy nazwanemu kolorowi Enchanted Lilac. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AD90BB
oklch(0.694 0.07 314.6)
Konwersje koloru
- HEX
- #ad90bb
- RGB
- rgb(173 144 187)
- HSL
- hsl(280 24% 65%)
- HWB
- hwb(280 56% 27%)
- OKLCH
- oklch(0.694 0.07 314.6)
- OKLab
- oklab(0.694 0.049 -0.05)
- CIE Lab
- lab(63.59 17.2 -18.26)
- LCH
- lch(63.59 25.09 313.3)
- CMYK
- cmyk(7% 23% 0% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B59BC2
- BDA6C9
- C5B0CF
- CDBBD6
- D5C6DD
- DED2E4
- E6DDEB
- EEE8F1
- F7F4F8
Odcienie ciemniejsze
- 967DA2
- 7F6A8A
- 6A5773
- 55455C
- 413446
- 2D2432
- 1B151F
- 0B070D
- 010102
Tony
- A88EB5
- A48DAF
- 9F8BA9
- 9B8AA3
- 96889D
- 928797
- 8D8592
- 89838C
- 848286
Harmonie kolorów
Komplementarna +180°
- AD90BB
Enchanted Lilac
- 8AA77B
≈ Lounge Green
Analogowa -30° +30°
- AD90BB
Enchanted Lilac
- 9797C7
≈ Litmus
- BD8CA7
≈ Elite Pink
Triada +120° +240°
- AD90BB
Enchanted Lilac
- B7976C
≈ Shelter
- 66ABAA
≈ Veranda
Komplementarna rozszczepiona +150° +210°
- AD90BB
Enchanted Lilac
- A39F6C
≈ Westcar Papyrus
- 73AB92
≈ Dublin Jack
Tetrada +90° +180° +270°
- AD90BB
Enchanted Lilac
- C28F79
≈ Copper Lake
- 8AA77B
≈ Lounge Green
- 6CA6BD
≈ Blue Chiffon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--enchanted-lilac: #ad90bb;
--enchanted-lilac-rgb: 173 144 187;
--enchanted-lilac-oklch: oklch(0.694 0.07 314.6);
}
.element {
color: var(--enchanted-lilac);
background-color: hsl(280 24% 65%);
border-color: oklch(0.694 0.07 314.6);
}Tailwind CSS v4
@theme {
--color-enchanted-lilac: #ad90bb;
--color-enchanted-lilac-50: #fdefff;
--color-enchanted-lilac-100: #f1e1f8;
--color-enchanted-lilac-200: #e1cce9;
--color-enchanted-lilac-300: #c6add0;
--color-enchanted-lilac-400: #ae92bb;
--color-enchanted-lilac-500: #9878a6;
--color-enchanted-lilac-600: #80668d;
--color-enchanted-lilac-700: #675171;
--color-enchanted-lilac-800: #4b3b54;
--color-enchanted-lilac-900: #34293a;
--color-enchanted-lilac-950: #1f1724;
}SCSS
$enchanted-lilac: #ad90bb;
$enchanted-lilac-rgb: 173, 144, 187;
$enchanted-lilac-light: mix(#fff, $enchanted-lilac, 20%);
$enchanted-lilac-dark: mix(#000, $enchanted-lilac, 20%);
.element {
color: $enchanted-lilac;
box-shadow: 0 0 0 2px rgba($enchanted-lilac, 0.35);
}