En yakın adlandırılmış renk · #8B46AE
#8B46AE
En yakın adlandırılmış renk: Purple Pleasures
#8B46AE (rgb(139 70 174), hsl(280 43% 48%), oklch(0.526 0.167 312.7)) en çok Purple Pleasures 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.
#8B46AE
oklch(0.526 0.167 312.7)
Renk dönüşümleri
- HEX
- #8b46ae
- RGB
- rgb(139 70 174)
- HSL
- hsl(280 43% 48%)
- HWB
- hwb(280 27% 32%)
- OKLCH
- oklch(0.526 0.167 312.7)
- OKLab
- oklab(0.526 0.113 -0.123)
- CIE Lab
- lab(42.31 43.02 -44.06)
- LCH
- lch(42.31 61.58 314.3)
- CMYK
- cmyk(20% 60% 0% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 965AB7
- A26CC0
- AD7EC8
- B991D0
- C4A3D9
- D0B5E1
- DCC7E8
- E7DAF0
- F3ECF8
Koyu tonlar
- 783C97
- 663280
- 54286A
- 431E55
- 321541
- 230D2E
- 14051C
- 07020B
- 010001
Gri tonlar
- 8A4EAA
- 8954A6
- 885BA1
- 87619D
- 866799
- 856C94
- 84718F
- 83768A
- 817B85
Renk uyumları
Tamamlayıcı +180°
- 8B46AE
Purple Pleasures
- 477B00
≈ Tropicana
Analog -30° +30°
- 8B46AE
Purple Pleasures
- 6057C6
≈ Circumorbital Ring
- A73884
≈ Wild Aster
Üçlü +120° +240°
- 8B46AE
Purple Pleasures
- 915E00
≈ Rat Brown
- 007B78
≈ Surfie Green
Bölünmüş tamamlayıcı +150° +210°
- 8B46AE
Purple Pleasures
- 776C00
≈ Brown Green
- 007E57
≈ Irish Beauty
Dörtlü +90° +180° +270°
- 8B46AE
Purple Pleasures
- B14200
≈ Donkey Kong
- 477B00
≈ Tropicana
- 007693
≈ Blue Luxury
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.85:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.58:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-pleasures: #8b46ae;
--purple-pleasures-rgb: 139 70 174;
--purple-pleasures-oklch: oklch(0.526 0.167 312.7);
}
.element {
color: var(--purple-pleasures);
background-color: hsl(280 43% 48%);
border-color: oklch(0.526 0.167 312.7);
}Tailwind CSS v4
@theme {
--color-purple-pleasures: #8b46ae;
--color-purple-pleasures-50: #ffe8ff;
--color-purple-pleasures-100: #fdd8ff;
--color-purple-pleasures-200: #efbfff;
--color-purple-pleasures-300: #d79cf2;
--color-purple-pleasures-400: #c07ee4;
--color-purple-pleasures-500: #ac5ed4;
--color-purple-pleasures-600: #9150b3;
--color-purple-pleasures-700: #744090;
--color-purple-pleasures-800: #542e6c;
--color-purple-pleasures-900: #3b1f4c;
--color-purple-pleasures-950: #250e32;
}SCSS
$purple-pleasures: #8b46ae;
$purple-pleasures-rgb: 139, 70, 174;
$purple-pleasures-light: mix(#fff, $purple-pleasures, 20%);
$purple-pleasures-dark: mix(#000, $purple-pleasures, 20%);
.element {
color: $purple-pleasures;
box-shadow: 0 0 0 2px rgba($purple-pleasures, 0.35);
}