Najbliższy nazwany kolor · #AF84FB
#AF84FB
Najbliższy nazwany kolor: Illicit Purple
#AF84FB (rgb(175 132 251), hsl(262 94% 75%), oklch(0.705 0.172 298.6)) jest najbliższy nazwanemu kolorowi Illicit Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AF84FB
oklch(0.705 0.172 298.6)
Konwersje koloru
- HEX
- #af84fb
- RGB
- rgb(175 132 251)
- HSL
- hsl(262 94% 75%)
- HWB
- hwb(262 52% 2%)
- OKLCH
- oklch(0.705 0.172 298.6)
- OKLab
- oklab(0.705 0.082 -0.151)
- CIE Lab
- lab(63.28 35.41 -54.18)
- LCH
- lch(63.28 64.73 303.2)
- CMYK
- cmyk(30% 47% 0% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B691FC
- BE9EFE
- C6AAFF
- CDB7FF
- D5C3FF
- DECFFF
- E6DBFF
- EEE7FF
- F6F3FF
Odcienie ciemniejsze
- 9872DA
- 8160BA
- 6B4F9C
- 563F7E
- 412F61
- 2E2046
- 1C122D
- 0B0615
- 010103
Tony
- AA85EF
- A585E2
- A085D6
- 9B85CA
- 9784BE
- 9284B1
- 8D83A5
- 898299
- 84818C
Harmonie kolorów
Komplementarna +180°
- AF84FB
Illicit Purple
- 96AD00
≈ Barf Green
Analogowa -30° +30°
- AF84FB
Illicit Purple
- 7899FF
≈ Periwinkle Blue
- D874D4
≈ French Mauve
Triada +120° +240°
- AF84FB
Illicit Purple
- EA8100
≈ Master Round Yellow
- 00BAA1
≈ Aare River
Komplementarna rozszczepiona +150° +210°
- AF84FB
Illicit Purple
- C49A00
≈ Rapeseed
- 3EBC5F
≈ Welsh Onion
Tetrada +90° +180° +270°
- AF84FB
Illicit Purple
- F86F5F
≈ Peach Echo
- 96AD00
≈ Barf Green
- 00B4C8
≈ Lago Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.51:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--illicit-purple: #af84fb;
--illicit-purple-rgb: 175 132 251;
--illicit-purple-oklch: oklch(0.705 0.172 298.6);
}
.element {
color: var(--illicit-purple);
background-color: hsl(262 94% 75%);
border-color: oklch(0.705 0.172 298.6);
}Tailwind CSS v4
@theme {
--color-illicit-purple: #af84fb;
--color-illicit-purple-50: #fdebff;
--color-illicit-purple-100: #f1dbff;
--color-illicit-purple-200: #e0c3ff;
--color-illicit-purple-300: #c6a2ff;
--color-illicit-purple-400: #ad84f5;
--color-illicit-purple-500: #9765e6;
--color-illicit-purple-600: #8056c2;
--color-illicit-purple-700: #66459c;
--color-illicit-purple-800: #493276;
--color-illicit-purple-900: #332253;
--color-illicit-purple-950: #1f1138;
}SCSS
$illicit-purple: #af84fb;
$illicit-purple-rgb: 175, 132, 251;
$illicit-purple-light: mix(#fff, $illicit-purple, 20%);
$illicit-purple-dark: mix(#000, $illicit-purple, 20%);
.element {
color: $illicit-purple;
box-shadow: 0 0 0 2px rgba($illicit-purple, 0.35);
}