Adlandırılmış renk · #A264BA
Prickly Purple
Prickly Purple, #A264BA: rgb(162 100 186), hsl(283 38% 56%), oklch(0.605 0.142 316). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Prickly Purple color name →
#A264BA
oklch(0.605 0.142 316)
Renk dönüşümleri
- HEX
- #a264ba
- RGB
- rgb(162 100 186)
- HSL
- hsl(283 38% 56%)
- HWB
- hwb(283 39% 27%)
- OKLCH
- oklch(0.605 0.142 316)
- OKLab
- oklab(0.605 0.102 -0.098)
- CIE Lab
- lab(52.01 36.73 -35.56)
- LCH
- lch(52.01 51.12 315.9)
- CMYK
- cmyk(13% 46% 0% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB74C1
- B583C9
- BE92D0
- C7A2D7
- D1B1DE
- DAC0E5
- E3D0EB
- ECDFF2
- F6EFF9
Koyu tonlar
- 8C56A1
- 774889
- 633B72
- 4F2E5C
- 3C2246
- 2A1632
- 190B1E
- 0A030D
- 010002
Gri tonlar
- 9F68B4
- 9C6BAF
- 986EA9
- 9571A3
- 92749E
- 8E7798
- 8B7992
- 877C8C
- 847E86
Renk uyumları
Tamamlayıcı +180°
- A264BA
Prickly Purple
- 589436
≈ Pont Moss
Analog -30° +30°
- A264BA
Prickly Purple
- 7C72D1
≈ Kickstart Purple
- BC5A93
≈ Llilacquered
Üçlü +120° +240°
- A264BA
Prickly Purple
- AC7500
≈ Falafel
- 009496
≈ Paradise Landscape
Bölünmüş tamamlayıcı +150° +210°
- A264BA
Prickly Purple
- 8C8500
≈ Fickle Pickle
- 009970
≈ Rainforest
Dörtlü +90° +180° +270°
- A264BA
Prickly Purple
- C4622E
≈ Cinnamon Rufous
- 589436
≈ Pont Moss
- 008FB6
≈ Hawaiian Ocean
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.14:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.06:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--prickly-purple: #a264ba;
--prickly-purple-rgb: 162 100 186;
--prickly-purple-oklch: oklch(0.605 0.142 316);
}
.element {
color: var(--prickly-purple);
background-color: hsl(283 38% 56%);
border-color: oklch(0.605 0.142 316);
}Tailwind CSS v4
@theme {
--color-prickly-purple: #a264ba;
--color-prickly-purple-50: #ffe9ff;
--color-prickly-purple-100: #fcdaff;
--color-prickly-purple-200: #eec2fc;
--color-prickly-purple-300: #d6a0e7;
--color-prickly-purple-400: #bf83d7;
--color-prickly-purple-500: #aa65c4;
--color-prickly-purple-600: #9056a6;
--color-prickly-purple-700: #734485;
--color-prickly-purple-800: #543264;
--color-prickly-purple-900: #3a2246;
--color-prickly-purple-950: #24112e;
}SCSS
$prickly-purple: #a264ba;
$prickly-purple-rgb: 162, 100, 186;
$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);
}