Najbliższy nazwany kolor · #8D488D
#8D488D
Najbliższy nazwany kolor: Prunella
#8D488D (rgb(141 72 141), hsl(300 32% 42%), oklch(0.513 0.131 327.3)) jest najbliższy nazwanemu kolorowi Prunella. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8D488D
oklch(0.513 0.131 327.3)
Konwersje koloru
- HEX
- #8d488d
- RGB
- rgb(141 72 141)
- HSL
- hsl(300 32% 42%)
- HWB
- hwb(300 28% 45%)
- OKLCH
- oklch(0.513 0.131 327.3)
- OKLab
- oklab(0.513 0.11 -0.071)
- CIE Lab
- lab(41.51 37.45 -25.59)
- LCH
- lch(41.51 45.35 325.7)
- CMYK
- cmyk(0% 49% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 995A98
- A46CA4
- B07EAF
- BC90BA
- C7A2C6
- D2B4D1
- DEC6DC
- E9D9E8
- F4ECF3
Odcienie ciemniejsze
- 7A3D7A
- 673367
- 552955
- 441F44
- 331633
- 230D23
- 140614
- 070207
- 010001
Tony
- 8C4F8C
- 8B558B
- 8B5B8A
- 896089
- 886687
- 876B86
- 857185
- 847683
- 827B82
Harmonie kolorów
Komplementarna +180°
- 8D488D
Prunella
- 247A37
≈ Gorgeous Green
Analogowa -30° +30°
- 8D488D
Prunella
- 7053A7
≈ Prophet Violet
- 9F4167
≈ Gooseberry
Triada +120° +240°
- 8D488D
Prunella
- 806200
≈ Ground Earth
- 007580
≈ Night Scape
Komplementarna rozszczepiona +150° +210°
- 8D488D
Prunella
- 626F00
≈ Brownish Green
- 007866
≈ Shady Glade
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.09:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.44:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--prunella: #8d488d;
--prunella-rgb: 141 72 141;
--prunella-oklch: oklch(0.513 0.131 327.3);
}
.element {
color: var(--prunella);
background-color: hsl(300 32% 42%);
border-color: oklch(0.513 0.131 327.3);
}Tailwind CSS v4
@theme {
--color-prunella: #8d488d;
--color-prunella-50: #ffe8ff;
--color-prunella-100: #ffd9fe;
--color-prunella-200: #f4c1f0;
--color-prunella-300: #dd9fd8;
--color-prunella-400: #c782c6;
--color-prunella-500: #b364b2;
--color-prunella-600: #975597;
--color-prunella-700: #794479;
--color-prunella-800: #59315b;
--color-prunella-900: #3e2140;
--color-prunella-950: #271028;
}SCSS
$prunella: #8d488d;
$prunella-rgb: 141, 72, 141;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}