Najbliższy nazwany kolor · #8777FF
#8777FF
Najbliższy nazwany kolor: Periwinkle
#8777FF (rgb(135 119 255), hsl(247 100% 73%), oklch(0.651 0.195 285)) jest najbliższy nazwanemu kolorowi Periwinkle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8777FF
oklch(0.651 0.195 285)
Konwersje koloru
- HEX
- #8777ff
- RGB
- rgb(135 119 255)
- HSL
- hsl(247 100% 73%)
- HWB
- hwb(247 47% 0%)
- OKLCH
- oklch(0.651 0.195 285)
- OKLab
- oklab(0.651 0.05 -0.188)
- CIE Lab
- lab(56.76 32.47 -67.02)
- LCH
- lch(56.76 74.47 295.8)
- CMYK
- cmyk(47% 53% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9186FF
- 9C94FF
- A7A2FF
- B3B0FF
- BFBDFF
- CBCBFF
- D8D8FF
- E5E5FF
- F2F2FF
Odcienie ciemniejsze
- 7567DE
- 6357BE
- 51479E
- 413880
- 312A63
- 211C48
- 13102E
- 060516
- 010103
Tony
- 8679F2
- 847BE6
- 837DD9
- 827ECD
- 827FC0
- 8180B4
- 8180A7
- 80809A
- 80808D
Harmonie kolorów
Komplementarna +180°
- 8777FF
Periwinkle
- 9D9300
≈ Romaine Green
Analogowa -30° +30°
- 8777FF
Periwinkle
- 2B8EFF
≈ Clear Chill
- BB63DF
≈ Rich Lilac
Triada +120° +240°
- 8777FF
Periwinkle
- E76000
≈ Spanish Orange
- 00A97A
≈ Dragon Scale
Komplementarna rozszczepiona +150° +210°
- 8777FF
Periwinkle
- BF8100
≈ Turmeric Brown
- 57A700
≈ Ruminant’s Paradise
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.43:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.11:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--periwinkle: #8777ff;
--periwinkle-rgb: 135 119 255;
--periwinkle-oklch: oklch(0.651 0.195 285);
}
.element {
color: var(--periwinkle);
background-color: hsl(247 100% 73%);
border-color: oklch(0.651 0.195 285);
}Tailwind CSS v4
@theme {
--color-periwinkle: #8777ff;
--color-periwinkle-50: #f1eeff;
--color-periwinkle-100: #e3dfff;
--color-periwinkle-200: #cec7ff;
--color-periwinkle-300: #b2a6ff;
--color-periwinkle-400: #9589ff;
--color-periwinkle-500: #7f68ff;
--color-periwinkle-600: #6b59d7;
--color-periwinkle-700: #5547ad;
--color-periwinkle-800: #3c3482;
--color-periwinkle-900: #29245c;
--color-periwinkle-950: #17123f;
}SCSS
$periwinkle: #8777ff;
$periwinkle-rgb: 135, 119, 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);
}