Najbliższy nazwany kolor · #8F44DB
#8F44DB
Najbliższy nazwany kolor: Dreamscape Purple
#8F44DB (rgb(143 68 219), hsl(270 68% 56%), oklch(0.559 0.219 302.5)) jest najbliższy nazwanemu kolorowi Dreamscape Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8F44DB
oklch(0.559 0.219 302.5)
Konwersje koloru
- HEX
- #8f44db
- RGB
- rgb(143 68 219)
- HSL
- hsl(270 68% 56%)
- HWB
- hwb(270 27% 14%)
- OKLCH
- oklch(0.559 0.219 302.5)
- OKLab
- oklab(0.559 0.118 -0.185)
- CIE Lab
- lab(45.01 53.01 -65.76)
- LCH
- lch(45.01 84.47 308.9)
- CMYK
- cmyk(35% 69% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 995AE0
- A46FE5
- AF82E9
- B994EE
- C5A6F1
- D0B8F5
- DBCAF8
- E7DBFB
- F3EDFD
Odcienie ciemniejsze
- 7C3ABE
- 6930A2
- 572687
- 451D6D
- 341454
- 240C3C
- 150526
- 070211
- 010002
Tony
- 8D4ED2
- 8C56CA
- 8A5DC1
- 8863B8
- 8769B0
- 856EA7
- 84739D
- 837894
- 817C8A
Harmonie kolorów
Komplementarna +180°
- 8F44DB
Dreamscape Purple
- 668000
≈ Jungle Vibes
Analogowa -30° +30°
- 8F44DB
Dreamscape Purple
- 4E5EF1
≈ Aquarius Mood Indigo
- B82BAA
≈ Amora Purple
Triada +120° +240°
- 8F44DB
Dreamscape Purple
- A86000
≈ Raw Umber
- 008779
≈ Mystic Turquoise
Komplementarna rozszczepiona +150° +210°
- 8F44DB
Dreamscape Purple
- 8C7100
≈ Vermin Brown
- 008B47
≈ Grass Court
Tetrada +90° +180° +270°
- 8F44DB
Dreamscape Purple
- D22800
≈ Pure Red
- 668000
≈ Jungle Vibes
- 008296
≈ Craftsman Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--dreamscape-purple: #8f44db;
--dreamscape-purple-rgb: 143 68 219;
--dreamscape-purple-oklch: oklch(0.559 0.219 302.5);
}
.element {
color: var(--dreamscape-purple);
background-color: hsl(270 68% 56%);
border-color: oklch(0.559 0.219 302.5);
}Tailwind CSS v4
@theme {
--color-dreamscape-purple: #8f44db;
--color-dreamscape-purple-50: #ffe6ff;
--color-dreamscape-purple-100: #f8d6ff;
--color-dreamscape-purple-200: #e9bcff;
--color-dreamscape-purple-300: #d197ff;
--color-dreamscape-purple-400: #b976ff;
--color-dreamscape-purple-500: #a550fa;
--color-dreamscape-purple-600: #8b45d3;
--color-dreamscape-purple-700: #6f38aa;
--color-dreamscape-purple-800: #502881;
--color-dreamscape-purple-900: #381b5b;
--color-dreamscape-purple-950: #230a3e;
}SCSS
$dreamscape-purple: #8f44db;
$dreamscape-purple-rgb: 143, 68, 219;
$dreamscape-purple-light: mix(#fff, $dreamscape-purple, 20%);
$dreamscape-purple-dark: mix(#000, $dreamscape-purple, 20%);
.element {
color: $dreamscape-purple;
box-shadow: 0 0 0 2px rgba($dreamscape-purple, 0.35);
}