Nazwany kolor · #8866FF
Purple Anemone
Purple Anemone to #8866FF: rgb(136 102 255), hsl(253 100% 70%), oklch(0.624 0.217 288.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Purple Anemone color name →
#8866FF
oklch(0.624 0.217 288.7)
Konwersje koloru
- HEX
- #8866ff
- RGB
- rgb(136 102 255)
- HSL
- hsl(253 100% 70%)
- HWB
- hwb(253 40% 0%)
- OKLCH
- oklch(0.624 0.217 288.7)
- OKLab
- oklab(0.624 0.07 -0.205)
- CIE Lab
- lab(53.02 41.9 -73.04)
- LCH
- lch(53.02 84.2 299.8)
- CMYK
- cmyk(47% 60% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9278FF
- 9C88FF
- A798FF
- B3A7FF
- BFB6FF
- CBC5FF
- D8D4FF
- E4E2FF
- F2F1FF
Odcienie ciemniejsze
- 7558DE
- 634ABE
- 523C9E
- 412F80
- 312363
- 221748
- 130C2E
- 060416
- 010003
Tony
- 866BF3
- 856FE6
- 8473DA
- 8376CD
- 8278C1
- 817AB4
- 807CA7
- 807E9B
- 807F8D
Harmonie kolorów
Komplementarna +180°
- 8866FF
Purple Anemone
- 8F8D00
≈ Old Asparagus
Analogowa -30° +30°
- 8866FF
Purple Anemone
- 2C82FF
≈ Ceruleite
- BC4FD9
≈ Medium Orchid
Triada +120° +240°
- 8866FF
Purple Anemone
- D46100
≈ Exuberance
- 009F7A
≈ Holly Green
Komplementarna rozszczepiona +150° +210°
- 8866FF
Purple Anemone
- B17C00
≈ Golden Brown
- 3BA100
≈ Grassy Green
Tetrada +90° +180° +270°
- 8866FF
Purple Anemone
- ED3651
≈ Radish Lips
- 8F8D00
≈ Old Asparagus
- 009A9F
≈ Riviera Paradise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.89:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.39:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.39:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-anemone: #8866ff;
--purple-anemone-rgb: 136 102 255;
--purple-anemone-oklch: oklch(0.624 0.217 288.7);
}
.element {
color: var(--purple-anemone);
background-color: hsl(253 100% 70%);
border-color: oklch(0.624 0.217 288.7);
}Tailwind CSS v4
@theme {
--color-purple-anemone: #8866ff;
--color-purple-anemone-50: #f4ebff;
--color-purple-anemone-100: #e7dcff;
--color-purple-anemone-200: #d4c3ff;
--color-purple-anemone-300: #b9a1ff;
--color-purple-anemone-400: #9e81ff;
--color-purple-anemone-500: #885eff;
--color-purple-anemone-600: #7351df;
--color-purple-anemone-700: #5c41b4;
--color-purple-anemone-800: #412f88;
--color-purple-anemone-900: #2c2060;
--color-purple-anemone-950: #1a0e42;
}SCSS
$purple-anemone: #8866ff;
$purple-anemone-rgb: 136, 102, 255;
$purple-anemone-light: mix(#fff, $purple-anemone, 20%);
$purple-anemone-dark: mix(#000, $purple-anemone, 20%);
.element {
color: $purple-anemone;
box-shadow: 0 0 0 2px rgba($purple-anemone, 0.35);
}