Najbliższy nazwany kolor · #8F49CE
#8F49CE
Najbliższy nazwany kolor: Dreamscape Purple
#8F49CE (rgb(143 73 206), hsl(272 58% 55%), oklch(0.555 0.199 304.9)) jest najbliższy nazwanemu kolorowi Dreamscape Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8F49CE
oklch(0.555 0.199 304.9)
Konwersje koloru
- HEX
- #8f49ce
- RGB
- rgb(143 73 206)
- HSL
- hsl(272 58% 55%)
- HWB
- hwb(272 29% 19%)
- OKLCH
- oklch(0.555 0.199 304.9)
- OKLab
- oklab(0.555 0.114 -0.163)
- CIE Lab
- lab(45.12 48.3 -58.15)
- LCH
- lch(45.12 75.59 309.7)
- CMYK
- cmyk(31% 65% 0% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9A5ED4
- A471DA
- AF83E0
- BA95E5
- C5A7EA
- D1B8EF
- DCCAF3
- E8DCF8
- F3EDFB
Odcienie ciemniejsze
- 7C3EB3
- 693498
- 572A7F
- 452066
- 34174E
- 240E38
- 150623
- 07020F
- 010002
Tony
- 8D51C7
- 8C58BF
- 8A5FB8
- 8964B0
- 876AA9
- 866FA1
- 847499
- 837891
- 817C89
Harmonie kolorów
Komplementarna +180°
- 8F49CE
Dreamscape Purple
- 618000
≈ Enchanted Forest
Analogowa -30° +30°
- 8F49CE
Dreamscape Purple
- 565FE4
≈ Arcane Brew
- B435A0
≈ Byzantine
Triada +120° +240°
- 8F49CE
Dreamscape Purple
- A46100
≈ Raw Umber
- 00857B
≈ Ornamental Turquoise
Komplementarna rozszczepiona +150° +210°
- 8F49CE
Dreamscape Purple
- 887100
≈ Vermin Brown
- 008A4E
≈ Real Turquoise
Tetrada +90° +180° +270°
- 8F49CE
Dreamscape Purple
- CC3300
≈ Pleasant Pomegranate
- 618000
≈ Enchanted Forest
- 008197
≈ Craftsman Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.23:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--dreamscape-purple: #8f49ce;
--dreamscape-purple-rgb: 143 73 206;
--dreamscape-purple-oklch: oklch(0.555 0.199 304.9);
}
.element {
color: var(--dreamscape-purple);
background-color: hsl(272 58% 55%);
border-color: oklch(0.555 0.199 304.9);
}Tailwind CSS v4
@theme {
--color-dreamscape-purple: #8f49ce;
--color-dreamscape-purple-50: #ffe7ff;
--color-dreamscape-purple-100: #f9d7ff;
--color-dreamscape-purple-200: #eabdff;
--color-dreamscape-purple-300: #d29aff;
--color-dreamscape-purple-400: #ba7afb;
--color-dreamscape-purple-500: #a657ed;
--color-dreamscape-purple-600: #8c4bc8;
--color-dreamscape-purple-700: #703ca1;
--color-dreamscape-purple-800: #512b7a;
--color-dreamscape-purple-900: #381d56;
--color-dreamscape-purple-950: #230c3a;
}SCSS
$dreamscape-purple: #8f49ce;
$dreamscape-purple-rgb: 143, 73, 206;
$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);
}