Adlandırılmış renk · #9470C4
Lilac Bush
Lilac Bush, #9470C4: rgb(148 112 196), hsl(266 42% 60%), oklch(0.615 0.128 302.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Lilac Bush color name →
#9470C4
oklch(0.615 0.128 302.6)
Renk dönüşümleri
- HEX
- #9470c4
- RGB
- rgb(148 112 196)
- HSL
- hsl(266 42% 60%)
- HWB
- hwb(266 44% 23%)
- OKLCH
- oklch(0.615 0.128 302.6)
- OKLab
- oklab(0.615 0.069 -0.108)
- CIE Lab
- lab(53.55 27.54 -39.02)
- LCH
- lch(53.55 47.76 305.2)
- CMYK
- cmyk(24% 43% 0% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9E7ECA
- A88CD1
- B39AD7
- BDA9DD
- C8B7E3
- D3C5E9
- DED3EF
- E9E2F4
- F4F0FA
Koyu tonlar
- 8060AA
- 6D5191
- 5A4378
- 483561
- 36274A
- 261A35
- 160E21
- 08040E
- 010102
Gri tonlar
- 9272BD
- 9074B7
- 8E76B0
- 8C78A9
- 8A79A3
- 887B9C
- 867C95
- 847E8E
- 827F87
Renk uyumları
Tamamlayıcı +180°
- 9470C4
Lilac Bush
- 77902D
≈ Fresh Herb
Analog -30° +30°
- 9470C4
Lilac Bush
- 6B7ED1
≈ Kickstart Purple
- B165A6
≈ Bodacious
Üçlü +120° +240°
- 9470C4
Lilac Bush
- BA7121
≈ Desert Sun
- 009A8A
≈ Santorini Seascape
Bölünmüş tamamlayıcı +150° +210°
- 9470C4
Lilac Bush
- 9F8100
≈ Pestilence
- 3B9A5E
≈ Kelly Green
Dörtlü +90° +180° +270°
- 9470C4
Lilac Bush
- C66451
≈ Quite Coral
- 77902D
≈ Fresh Herb
- 0095AB
≈ Brilliant
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.90:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.37:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--lilac-bush: #9470c4;
--lilac-bush-rgb: 148 112 196;
--lilac-bush-oklch: oklch(0.615 0.128 302.6);
}
.element {
color: var(--lilac-bush);
background-color: hsl(266 42% 60%);
border-color: oklch(0.615 0.128 302.6);
}Tailwind CSS v4
@theme {
--color-lilac-bush: #9470c4;
--color-lilac-bush-50: #fdedff;
--color-lilac-bush-100: #f1deff;
--color-lilac-bush-200: #e0c7ff;
--color-lilac-bush-300: #c6a7ed;
--color-lilac-bush-400: #ad8bdd;
--color-lilac-bush-500: #976fcc;
--color-lilac-bush-600: #805eac;
--color-lilac-bush-700: #664b8a;
--color-lilac-bush-800: #4a3768;
--color-lilac-bush-900: #332549;
--color-lilac-bush-950: #1f1430;
}SCSS
$lilac-bush: #9470c4;
$lilac-bush-rgb: 148, 112, 196;
$lilac-bush-light: mix(#fff, $lilac-bush, 20%);
$lilac-bush-dark: mix(#000, $lilac-bush, 20%);
.element {
color: $lilac-bush;
box-shadow: 0 0 0 2px rgba($lilac-bush, 0.35);
}