Nazwany kolor · #9C52F2
Aconite Violet
Aconite Violet to #9C52F2: rgb(156 82 242), hsl(268 86% 64%), oklch(0.607 0.229 301). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Aconite Violet color name →
#9C52F2
oklch(0.607 0.229 301)
Konwersje koloru
- HEX
- #9c52f2
- RGB
- rgb(156 82 242)
- HSL
- hsl(268 86% 64%)
- HWB
- hwb(268 32% 5%)
- OKLCH
- oklch(0.607 0.229 301)
- OKLab
- oklab(0.607 0.118 -0.196)
- CIE Lab
- lab(50.49 53.91 -69.79)
- LCH
- lch(50.49 88.19 307.7)
- CMYK
- cmyk(36% 66% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A567F5
- AE7AF7
- B88BFA
- C19DFC
- CBADFD
- D5BEFE
- DFCEFF
- EADFFF
- F4EFFF
Odcienie ciemniejsze
- 8746D2
- 733BB4
- 5F2F96
- 4C2579
- 391A5E
- 281143
- 18082B
- 090214
- 010003
Tony
- 995AE7
- 9661DC
- 9366D1
- 906BC6
- 8D70BB
- 8A74AF
- 8877A4
- 857B98
- 827D8C
Harmonie kolorów
Komplementarna +180°
- 9C52F2
Aconite Violet
- 768E00
≈ Canopy
Analogowa -30° +30°
- 9C52F2
Aconite Violet
- 5770FF
≈ Blue Heath Butterfly
- C939BF
≈ Purple Pink
Triada +120° +240°
- 9C52F2
Aconite Violet
- BD6B00
≈ Indocile Tiger
- 009786
≈ Lights at Sea
Komplementarna rozszczepiona +150° +210°
- 9C52F2
Aconite Violet
- 9E7E00
≈ Cerignola Olive
- 009C4B
≈ Get up and Go
Tetrada +90° +180° +270°
- 9C52F2
Aconite Violet
- EC2A0F
≈ Don’t Be Shy
- 768E00
≈ Canopy
- 0092A6
≈ Oasis
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.28:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.90:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.90:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--aconite-violet: #9c52f2;
--aconite-violet-rgb: 156 82 242;
--aconite-violet-oklch: oklch(0.607 0.229 301);
}
.element {
color: var(--aconite-violet);
background-color: hsl(268 86% 64%);
border-color: oklch(0.607 0.229 301);
}Tailwind CSS v4
@theme {
--color-aconite-violet: #9c52f2;
--color-aconite-violet-50: #ffe6ff;
--color-aconite-violet-100: #f7d6ff;
--color-aconite-violet-200: #e8bbff;
--color-aconite-violet-300: #cf97ff;
--color-aconite-violet-400: #b775ff;
--color-aconite-violet-500: #a34dff;
--color-aconite-violet-600: #8a43d9;
--color-aconite-violet-700: #6e36af;
--color-aconite-violet-800: #4f2784;
--color-aconite-violet-900: #371a5e;
--color-aconite-violet-950: #220940;
}SCSS
$aconite-violet: #9c52f2;
$aconite-violet-rgb: 156, 82, 242;
$aconite-violet-light: mix(#fff, $aconite-violet, 20%);
$aconite-violet-dark: mix(#000, $aconite-violet, 20%);
.element {
color: $aconite-violet;
box-shadow: 0 0 0 2px rgba($aconite-violet, 0.35);
}