En yakın adlandırılmış renk · #8D488D
#8D488D
En yakın adlandırılmış renk: Prunella
#8D488D (rgb(141 72 141), hsl(300 32% 42%), oklch(0.513 0.131 327.3)) en çok Prunella adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8D488D
oklch(0.513 0.131 327.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 995A98
- A46CA4
- B07EAF
- BC90BA
- C7A2C6
- D2B4D1
- DEC6DC
- E9D9E8
- F4ECF3
Koyu tonlar
- 7A3D7A
- 673367
- 552955
- 441F44
- 331633
- 230D23
- 140614
- 070207
- 010001
Gri tonlar
- 8C4F8C
- 8B558B
- 8B5B8A
- 896089
- 886687
- 876B86
- 857185
- 847683
- 827B82
Renk uyumları
Tamamlayıcı +180°
- 8D488D
Prunella
- 247A37
≈ Gorgeous Green
Analog -30° +30°
- 8D488D
Prunella
- 7053A7
≈ Prophet Violet
- 9F4167
≈ Gooseberry
Üçlü +120° +240°
- 8D488D
Prunella
- 806200
≈ Ground Earth
- 007580
≈ Night Scape
Bölünmüş tamamlayıcı +150° +210°
- 8D488D
Prunella
- 626F00
≈ Brownish Green
- 007866
≈ Shady Glade
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.09:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.44:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
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);
}