En yakın adlandırılmış renk · #8F186E
#8F186E
En yakın adlandırılmış renk: Possessed Purple
#8F186E (rgb(143 24 110), hsl(317 71% 33%), oklch(0.447 0.174 342.4)) en çok Possessed Purple 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.
#8F186E
oklch(0.447 0.174 342.4)
Renk dönüşümleri
- HEX
- #8f186e
- RGB
- rgb(143 24 110)
- HSL
- hsl(317 71% 33%)
- HWB
- hwb(317 9% 44%)
- OKLCH
- oklch(0.447 0.174 342.4)
- OKLab
- oklab(0.447 0.166 -0.052)
- CIE Lab
- lab(33.37 53.43 -18.88)
- LCH
- lch(33.37 56.67 340.5)
- CMYK
- cmyk(0% 83% 23% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9C367C
- A94E8A
- B56498
- C17AA6
- CC90B5
- D7A6C3
- E2BCD2
- ECD2E1
- F6E8F0
Koyu tonlar
- 7C135F
- 690F50
- 570A41
- 450733
- 340426
- 240219
- 15010E
- 070004
- 010001
Gri tonlar
- 8F2970
- 8F3672
- 8E4174
- 8E4B76
- 8C5578
- 8B5E79
- 89677B
- 866F7D
- 83787E
Renk uyumları
Tamamlayıcı +180°
- 8F186E
Possessed Purple
- 006544
≈ Aotake Bamboo
Analog -30° +30°
- 8F186E
Possessed Purple
- 742B98
≈ Orb of Discord
- 9D0939
≈ Cranberry
Üçlü +120° +240°
- 8F186E
Possessed Purple
- 5F5600
≈ Olive Brown
- 005E75
≈ Lyons Blue
Bölünmüş tamamlayıcı +150° +210°
- 8F186E
Possessed Purple
- 386200
≈ Keen Green
- 006260
≈ Emerald Stone
Dörtlü +90° +180° +270°
- 8F186E
Possessed Purple
- 744A00
≈ Antique Bronze
- 006544
≈ Aotake Bamboo
- 00559C
≈ Standing Waters
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.32:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.52:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.32:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--possessed-purple: #8f186e;
--possessed-purple-rgb: 143 24 110;
--possessed-purple-oklch: oklch(0.447 0.174 342.4);
}
.element {
color: var(--possessed-purple);
background-color: hsl(317 71% 33%);
border-color: oklch(0.447 0.174 342.4);
}Tailwind CSS v4
@theme {
--color-possessed-purple: #8f186e;
--color-possessed-purple-50: #ffe2ff;
--color-possessed-purple-100: #ffd1f6;
--color-possessed-purple-200: #ffb6e6;
--color-possessed-purple-300: #f591cd;
--color-possessed-purple-400: #e270ba;
--color-possessed-purple-500: #cf4ba5;
--color-possessed-purple-600: #af418b;
--color-possessed-purple-700: #8c3470;
--color-possessed-purple-800: #682554;
--color-possessed-purple-900: #49193b;
--color-possessed-purple-950: #2f0825;
}SCSS
$possessed-purple: #8f186e;
$possessed-purple-rgb: 143, 24, 110;
$possessed-purple-light: mix(#fff, $possessed-purple, 20%);
$possessed-purple-dark: mix(#000, $possessed-purple, 20%);
.element {
color: $possessed-purple;
box-shadow: 0 0 0 2px rgba($possessed-purple, 0.35);
}