Najbliższy nazwany kolor · #9982DD
#9982DD
Najbliższy nazwany kolor: Perrywinkle
#9982DD (rgb(153 130 221), hsl(255 57% 69%), oklch(0.665 0.133 294.1)) jest najbliższy nazwanemu kolorowi Perrywinkle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9982DD
oklch(0.665 0.133 294.1)
Konwersje koloru
- HEX
- #9982dd
- RGB
- rgb(153 130 221)
- HSL
- hsl(255 57% 69%)
- HWB
- hwb(255 51% 13%)
- OKLCH
- oklch(0.665 0.133 294.1)
- OKLab
- oklab(0.665 0.054 -0.122)
- CIE Lab
- lab(59.41 24.1 -43.89)
- LCH
- lch(59.41 50.07 298.8)
- CMYK
- cmyk(31% 41% 0% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A28FE1
- AC9BE5
- B6A8E9
- C0B4ED
- CAC0F0
- D4CDF3
- DFD9F7
- E9E6FA
- F4F2FC
Odcienie ciemniejsze
- 8470C0
- 705FA4
- 5D4E88
- 4A3E6E
- 382F55
- 27203D
- 171226
- 080611
- 010102
Tony
- 9682D4
- 9483CB
- 9183C1
- 8E83B8
- 8C82AF
- 8982A6
- 87829C
- 858193
- 82818A
Harmonie kolorów
Komplementarna +180°
- 9982DD
Perrywinkle
- 939C2B
≈ Vigorous Wasabi
Analogowa -30° +30°
- 9982DD
Perrywinkle
- 6A91E5
≈ Guilliman Blue
- BC76C2
≈ Lavendless
Triada +120° +240°
- 9982DD
Perrywinkle
- D27B3B
≈ Fired Up
- 00AC8E
≈ Arcadia
Komplementarna rozszczepiona +150° +210°
- 9982DD
Perrywinkle
- BA8B0F
≈ Loden Yellow
- 5CA95D
≈ Exploration Green
Tetrada +90° +180° +270°
- 9982DD
Perrywinkle
- D9706B
≈ Lantana
- 939C2B
≈ Vigorous Wasabi
- 00A7B4
≈ Exotic Sea
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.18:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.59:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--perrywinkle: #9982dd;
--perrywinkle-rgb: 153 130 221;
--perrywinkle-oklch: oklch(0.665 0.133 294.1);
}
.element {
color: var(--perrywinkle);
background-color: hsl(255 57% 69%);
border-color: oklch(0.665 0.133 294.1);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #9982dd;
--color-perrywinkle-50: #f8eeff;
--color-perrywinkle-100: #ebe0ff;
--color-perrywinkle-200: #d9c9ff;
--color-perrywinkle-300: #bda9f4;
--color-perrywinkle-400: #a38ee5;
--color-perrywinkle-500: #8c72d5;
--color-perrywinkle-600: #7761b4;
--color-perrywinkle-700: #5f4d90;
--color-perrywinkle-800: #44386c;
--color-perrywinkle-900: #2f274c;
--color-perrywinkle-950: #1c1532;
}SCSS
$perrywinkle: #9982dd;
$perrywinkle-rgb: 153, 130, 221;
$perrywinkle-light: mix(#fff, $perrywinkle, 20%);
$perrywinkle-dark: mix(#000, $perrywinkle, 20%);
.element {
color: $perrywinkle;
box-shadow: 0 0 0 2px rgba($perrywinkle, 0.35);
}