Najbliższy nazwany kolor · #8D7CFF
#8D7CFF
Najbliższy nazwany kolor: Periwinkle
#8D7CFF (rgb(141 124 255), hsl(248 100% 74%), oklch(0.664 0.187 286)) jest najbliższy nazwanemu kolorowi Periwinkle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8D7CFF
oklch(0.664 0.187 286)
Konwersje koloru
- HEX
- #8d7cff
- RGB
- rgb(141 124 255)
- HSL
- hsl(248 100% 74%)
- HWB
- hwb(248 49% 0%)
- OKLCH
- oklch(0.664 0.187 286)
- OKLab
- oklab(0.664 0.052 -0.18)
- CIE Lab
- lab(58.45 31.23 -64.28)
- LCH
- lch(58.45 71.47 295.9)
- CMYK
- cmyk(45% 51% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 978AFF
- A198FF
- ACA5FF
- B7B3FF
- C2BFFF
- CECCFF
- DAD9FF
- E6E6FF
- F2F2FF
Odcienie ciemniejsze
- 7A6BDE
- 675ABE
- 554A9E
- 443B80
- 332C63
- 231E48
- 14112E
- 070516
- 010103
Tony
- 8B7EF2
- 897FE6
- 8880D9
- 8681CD
- 8581C0
- 8481B4
- 8381A7
- 82819A
- 81818D
Harmonie kolorów
Komplementarna +180°
- 8D7CFF
Periwinkle
- 9F9800
≈ Papyrus
Analogowa -30° +30°
- 8D7CFF
Periwinkle
- 3D93FF
≈ Brilliant Azure
- BF69DF
≈ Lavender
Triada +120° +240°
- 8D7CFF
Periwinkle
- EB6500
≈ Royal Flycatcher Crest
- 00AD80
≈ Simply Green
Komplementarna rozszczepiona +150° +210°
- 8D7CFF
Periwinkle
- C38500
≈ Bubonic Brown
- 58AB1C
≈ Plastic Pines
Tetrada +90° +180° +270°
- 8D7CFF
Periwinkle
- F0576B
≈ Pink Pepper
- 9F9800
≈ Papyrus
- 00A8AA
≈ Fiji
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.25:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.45:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.45:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--periwinkle: #8d7cff;
--periwinkle-rgb: 141 124 255;
--periwinkle-oklch: oklch(0.664 0.187 286);
}
.element {
color: var(--periwinkle);
background-color: hsl(248 100% 74%);
border-color: oklch(0.664 0.187 286);
}Tailwind CSS v4
@theme {
--color-periwinkle: #8d7cff;
--color-periwinkle-50: #f2eeff;
--color-periwinkle-100: #e4dfff;
--color-periwinkle-200: #d0c7ff;
--color-periwinkle-300: #b3a6ff;
--color-periwinkle-400: #9789ff;
--color-periwinkle-500: #816afa;
--color-periwinkle-600: #6d5ad3;
--color-periwinkle-700: #5748a9;
--color-periwinkle-800: #3d3580;
--color-periwinkle-900: #2a245a;
--color-periwinkle-950: #18123d;
}SCSS
$periwinkle: #8d7cff;
$periwinkle-rgb: 141, 124, 255;
$periwinkle-light: mix(#fff, $periwinkle, 20%);
$periwinkle-dark: mix(#000, $periwinkle, 20%);
.element {
color: $periwinkle;
box-shadow: 0 0 0 2px rgba($periwinkle, 0.35);
}