En yakın adlandırılmış renk · #9C60A9
#9C60A9
En yakın adlandırılmış renk: Prickly Purple
#9C60A9 (rgb(156 96 169), hsl(289 30% 52%), oklch(0.583 0.127 320.3)) en çok Prickly 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.
#9C60A9
oklch(0.583 0.127 320.3)
Renk dönüşümleri
- HEX
- #9c60a9
- RGB
- rgb(156 96 169)
- HSL
- hsl(289 30% 52%)
- HWB
- hwb(289 38% 34%)
- OKLCH
- oklch(0.583 0.127 320.3)
- OKLab
- oklab(0.583 0.097 -0.081)
- CIE Lab
- lab(49.72 34.16 -29.32)
- LCH
- lch(49.72 45.02 319.4)
- CMYK
- cmyk(8% 43% 0% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A670B2
- B07FBB
- BA8FC3
- C49FCC
- CEAED5
- D8BEDD
- E1CEE6
- EBDEEE
- F5EFF7
Koyu tonlar
- 875292
- 73457C
- 5F3867
- 4C2C53
- 39203F
- 28152C
- 180A1B
- 09030A
- 010001
Gri tonlar
- 9964A5
- 9768A1
- 946B9D
- 926E99
- 8F7295
- 8C7591
- 89788D
- 867B89
- 837D84
Renk uyumları
Tamamlayıcı +180°
- 9C60A9
Prickly Purple
- 4E8D41
≈ Fiji Palm
Analog -30° +30°
- 9C60A9
Prickly Purple
- 7B6CC0
≈ Venus Violet
- B15885
≈ Dahlia Mauve
Üçlü +120° +240°
- 9C60A9
Prickly Purple
- A07200
≈ Barbarian Leather
- 008C92
≈ Tempo Teal
Bölünmüş tamamlayıcı +150° +210°
- 9C60A9
Prickly Purple
- 808103
≈ Drably Olive
- 009071
≈ Observatory
Dörtlü +90° +180° +270°
- 9C60A9
Prickly Purple
- B5622C
≈ Polished Copper
- 4E8D41
≈ Fiji Palm
- 0087B3
≈ Stomy Shower
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--prickly-purple: #9c60a9;
--prickly-purple-rgb: 156 96 169;
--prickly-purple-oklch: oklch(0.583 0.127 320.3);
}
.element {
color: var(--prickly-purple);
background-color: hsl(289 30% 52%);
border-color: oklch(0.583 0.127 320.3);
}Tailwind CSS v4
@theme {
--color-prickly-purple: #9c60a9;
--color-prickly-purple-50: #ffeaff;
--color-prickly-purple-100: #fddaff;
--color-prickly-purple-200: #efc3f5;
--color-prickly-purple-300: #d6a2de;
--color-prickly-purple-400: #c085cc;
--color-prickly-purple-500: #ab68b9;
--color-prickly-purple-600: #90589d;
--color-prickly-purple-700: #74467e;
--color-prickly-purple-800: #54335e;
--color-prickly-purple-900: #3b2342;
--color-prickly-purple-950: #25112a;
}SCSS
$prickly-purple: #9c60a9;
$prickly-purple-rgb: 156, 96, 169;
$prickly-purple-light: mix(#fff, $prickly-purple, 20%);
$prickly-purple-dark: mix(#000, $prickly-purple, 20%);
.element {
color: $prickly-purple;
box-shadow: 0 0 0 2px rgba($prickly-purple, 0.35);
}