Najbliższy nazwany kolor · #AD90BE
#AD90BE
Najbliższy nazwany kolor: Enchanted Lilac
#AD90BE (rgb(173 144 190), hsl(278 26% 65%), oklch(0.695 0.073 312.8)) jest najbliższy nazwanemu kolorowi Enchanted Lilac. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AD90BE
oklch(0.695 0.073 312.8)
Konwersje koloru
- HEX
- #ad90be
- RGB
- rgb(173 144 190)
- HSL
- hsl(278 26% 65%)
- HWB
- hwb(278 56% 25%)
- OKLCH
- oklch(0.695 0.073 312.8)
- OKLab
- oklab(0.695 0.05 -0.054)
- CIE Lab
- lab(63.68 17.67 -19.81)
- LCH
- lch(63.68 26.54 311.7)
- CMYK
- cmyk(9% 24% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B59BC5
- BDA6CB
- C5B0D2
- CDBBD8
- D5C7DF
- DED2E5
- E6DDEC
- EEE8F2
- F7F4F9
Odcienie ciemniejsze
- 967DA5
- 7F6A8C
- 6A5775
- 55455E
- 413448
- 2D2433
- 1B151F
- 0B070D
- 010102
Tony
- A88FB8
- A48DB1
- 9F8BAB
- 9B8AA5
- 96889F
- 928799
- 8D8592
- 89838C
- 848286
Harmonie kolorów
Komplementarna +180°
- AD90BE
Enchanted Lilac
- 8BA778
≈ Moss Candy
Analogowa -30° +30°
- AD90BE
Enchanted Lilac
- 9698CA
≈ Bluebell Frost
- BE8BA9
≈ Rosy
Triada +120° +240°
- AD90BE
Enchanted Lilac
- B9966A
≈ Shelter
- 63ACA9
≈ Veranda
Komplementarna rozszczepiona +150° +210°
- AD90BE
Enchanted Lilac
- A59F69
≈ Acacia Tree
- 72AC90
≈ Melon Green
Tetrada +90° +180° +270°
- AD90BE
Enchanted Lilac
- C58E79
≈ Copper Lake
- 8BA778
≈ Moss Candy
- 68A7BE
≈ Pacific Palisade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.50:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--enchanted-lilac: #ad90be;
--enchanted-lilac-rgb: 173 144 190;
--enchanted-lilac-oklch: oklch(0.695 0.073 312.8);
}
.element {
color: var(--enchanted-lilac);
background-color: hsl(278 26% 65%);
border-color: oklch(0.695 0.073 312.8);
}Tailwind CSS v4
@theme {
--color-enchanted-lilac: #ad90be;
--color-enchanted-lilac-50: #fdefff;
--color-enchanted-lilac-100: #f1e1f9;
--color-enchanted-lilac-200: #e0cbea;
--color-enchanted-lilac-300: #c6add2;
--color-enchanted-lilac-400: #ae92be;
--color-enchanted-lilac-500: #9778a9;
--color-enchanted-lilac-600: #80668f;
--color-enchanted-lilac-700: #665173;
--color-enchanted-lilac-800: #4a3b55;
--color-enchanted-lilac-900: #34293c;
--color-enchanted-lilac-950: #1f1625;
}SCSS
$enchanted-lilac: #ad90be;
$enchanted-lilac-rgb: 173, 144, 190;
$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);
}