Najbliższy nazwany kolor · #A29BC8
#A29BC8
Najbliższy nazwany kolor: Imperial Lilac
#A29BC8 (rgb(162 155 200), hsl(249 29% 70%), oklch(0.711 0.065 291.8)) jest najbliższy nazwanemu kolorowi Imperial Lilac. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A29BC8
oklch(0.711 0.065 291.8)
Konwersje koloru
- HEX
- #a29bc8
- RGB
- rgb(162 155 200)
- HSL
- hsl(249 29% 70%)
- HWB
- hwb(249 61% 22%)
- OKLCH
- oklch(0.711 0.065 291.8)
- OKLab
- oklab(0.711 0.024 -0.061)
- CIE Lab
- lab(65.78 9.67 -22.32)
- LCH
- lch(65.78 24.33 293.4)
- CMYK
- cmyk(19% 23% 0% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABA5CE
- B4AED3
- BDB8D9
- C6C2DE
- CFCCE4
- D9D6E9
- E2E0EF
- ECEAF4
- F5F5FA
Odcienie ciemniejsze
- 8C86AE
- 777294
- 635E7B
- 4F4B63
- 3C394C
- 2A2836
- 191821
- 0A090F
- 010102
Tony
- 9E98C1
- 9B96B9
- 9893B2
- 9490AB
- 918EA4
- 8D8B9D
- 8A8895
- 87858E
- 838387
Harmonie kolorów
Komplementarna +180°
- A29BC8
Imperial Lilac
- A3A677
≈ Dill Grass
Analogowa -30° +30°
- A29BC8
Imperial Lilac
- 8CA3CB
≈ Anode
- B595BB
≈ Sheer Lilac
Triada +120° +240°
- A29BC8
Imperial Lilac
- C4977D
≈ Brick Path
- 77B09D
≈ Dusty Jade Green
Komplementarna rozszczepiona +150° +210°
- A29BC8
Imperial Lilac
- B79E73
≈ Vintage Gold
- 8BAD87
≈ Flora Green
Tetrada +90° +180° +270°
- A29BC8
Imperial Lilac
- C89290
≈ Floral Tapestry
- A3A677
≈ Dill Grass
- 6FAEB3
≈ Smoky Mountain Spring
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.60:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.05:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--imperial-lilac: #a29bc8;
--imperial-lilac-rgb: 162 155 200;
--imperial-lilac-oklch: oklch(0.711 0.065 291.8);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(249 29% 70%);
border-color: oklch(0.711 0.065 291.8);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #a29bc8;
--color-imperial-lilac-50: #f6f2ff;
--color-imperial-lilac-100: #e8e4fc;
--color-imperial-lilac-200: #d5cfee;
--color-imperial-lilac-300: #b8b2d6;
--color-imperial-lilac-400: #9f98c3;
--color-imperial-lilac-500: #877fae;
--color-imperial-lilac-600: #726b93;
--color-imperial-lilac-700: #5b5676;
--color-imperial-lilac-800: #423f58;
--color-imperial-lilac-900: #2d2b3d;
--color-imperial-lilac-950: #1a1827;
}SCSS
$imperial-lilac: #a29bc8;
$imperial-lilac-rgb: 162, 155, 200;
$imperial-lilac-light: mix(#fff, $imperial-lilac, 20%);
$imperial-lilac-dark: mix(#000, $imperial-lilac, 20%);
.element {
color: $imperial-lilac;
box-shadow: 0 0 0 2px rgba($imperial-lilac, 0.35);
}