En yakın adlandırılmış renk · #9B44A3
#9B44A3
En yakın adlandırılmış renk: Vicious Violet
#9B44A3 (rgb(155 68 163), hsl(295 41% 45%), oklch(0.537 0.167 324.2)) en çok Vicious Violet 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.
#9B44A3
oklch(0.537 0.167 324.2)
Renk dönüşümleri
- HEX
- #9b44a3
- RGB
- rgb(155 68 163)
- HSL
- hsl(295 41% 45%)
- HWB
- hwb(295 27% 36%)
- OKLCH
- oklch(0.537 0.167 324.2)
- OKLab
- oklab(0.537 0.135 -0.098)
- CIE Lab
- lab(43.74 46.92 -35.12)
- LCH
- lch(43.74 58.61 323.2)
- CMYK
- cmyk(5% 58% 0% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A658AD
- B06BB6
- BB7DBF
- C590C9
- CFA2D2
- D9B4DB
- E2C7E4
- ECD9ED
- F6ECF6
Koyu tonlar
- 863A8D
- 723078
- 5E2663
- 4B1D4F
- 39143C
- 280C2A
- 180519
- 09020A
- 010001
Gri tonlar
- 994CA0
- 97539D
- 955A99
- 926096
- 906693
- 8D6B8F
- 8A718C
- 877688
- 847B84
Renk uyumları
Tamamlayıcı +180°
- 9B44A3
Vicious Violet
- 108521
≈ Fatal Fields
Analog -30° +30°
- 9B44A3
Vicious Violet
- 7654C3
≈ Fuchsia Blue
- B23974
≈ Fuchsia Red
Üçlü +120° +240°
- 9B44A3
Vicious Violet
- 8C6700
≈ Muddy Brown
- 007D86
≈ Cote D’Azur
Bölünmüş tamamlayıcı +150° +210°
- 9B44A3
Vicious Violet
- 6D7500
≈ Spinach Soup
- 00816A
≈ Emperor’s Silk
Dörtlü +90° +180° +270°
- 9B44A3
Vicious Violet
- A75400
≈ Windsor Brown
- 108521
≈ Fatal Fields
- 0077A5
≈ Summer Lake
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.60:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.74:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--vicious-violet: #9b44a3;
--vicious-violet-rgb: 155 68 163;
--vicious-violet-oklch: oklch(0.537 0.167 324.2);
}
.element {
color: var(--vicious-violet);
background-color: hsl(295 41% 45%);
border-color: oklch(0.537 0.167 324.2);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #9b44a3;
--color-vicious-violet-50: #ffe5ff;
--color-vicious-violet-100: #ffd5ff;
--color-vicious-violet-200: #fabbfa;
--color-vicious-violet-300: #e498e5;
--color-vicious-violet-400: #ce79d5;
--color-vicious-violet-500: #ba58c3;
--color-vicious-violet-600: #9d4ba5;
--color-vicious-violet-700: #7e3c84;
--color-vicious-violet-800: #5c2b64;
--color-vicious-violet-900: #411d46;
--color-vicious-violet-950: #290c2e;
}SCSS
$vicious-violet: #9b44a3;
$vicious-violet-rgb: 155, 68, 163;
$vicious-violet-light: mix(#fff, $vicious-violet, 20%);
$vicious-violet-dark: mix(#000, $vicious-violet, 20%);
.element {
color: $vicious-violet;
box-shadow: 0 0 0 2px rgba($vicious-violet, 0.35);
}