En yakın adlandırılmış renk · #A29BC8
#A29BC8
En yakın adlandırılmış renk: Imperial Lilac
#A29BC8 (rgb(162 155 200), hsl(249 29% 70%), oklch(0.711 0.065 291.8)) en çok Imperial Lilac adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A29BC8
oklch(0.711 0.065 291.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ABA5CE
- B4AED3
- BDB8D9
- C6C2DE
- CFCCE4
- D9D6E9
- E2E0EF
- ECEAF4
- F5F5FA
Koyu tonlar
- 8C86AE
- 777294
- 635E7B
- 4F4B63
- 3C394C
- 2A2836
- 191821
- 0A090F
- 010102
Gri tonlar
- 9E98C1
- 9B96B9
- 9893B2
- 9490AB
- 918EA4
- 8D8B9D
- 8A8895
- 87858E
- 838387
Renk uyumları
Tamamlayıcı +180°
- A29BC8
Imperial Lilac
- A3A677
≈ Dill Grass
Analog -30° +30°
- A29BC8
Imperial Lilac
- 8CA3CB
≈ Anode
- B595BB
≈ Sheer Lilac
Üçlü +120° +240°
- A29BC8
Imperial Lilac
- C4977D
≈ Brick Path
- 77B09D
≈ Dusty Jade Green
Bölünmüş tamamlayıcı +150° +210°
- A29BC8
Imperial Lilac
- B79E73
≈ Vintage Gold
- 8BAD87
≈ Flora Green
Dörtlü +90° +180° +270°
- A29BC8
Imperial Lilac
- C89290
≈ Floral Tapestry
- A3A677
≈ Dill Grass
- 6FAEB3
≈ Smoky Mountain Spring
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.60:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.05:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
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);
}