色名 · #A264BA
Prickly Purple
Prickly Purpleは#A264BA：rgb(162 100 186)、hsl(283 38% 56%)、oklch(0.605 0.142 316)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Prickly Purple color name →
#A264BA
oklch(0.605 0.142 316)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- AB74C1
- B583C9
- BE92D0
- C7A2D7
- D1B1DE
- DAC0E5
- E3D0EB
- ECDFF2
- F6EFF9
シェード
- 8C56A1
- 774889
- 633B72
- 4F2E5C
- 3C2246
- 2A1632
- 190B1E
- 0A030D
- 010002
トーン
- 9F68B4
- 9C6BAF
- 986EA9
- 9571A3
- 92749E
- 8E7798
- 8B7992
- 877C8C
- 847E86
カラーハーモニー
補色 +180°
- A264BA
Prickly Purple
- 589436
≈ Pont Moss
類似色 -30° +30°
- A264BA
Prickly Purple
- 7C72D1
≈ Kickstart Purple
- BC5A93
≈ Llilacquered
トライアド +120° +240°
- A264BA
Prickly Purple
- AC7500
≈ Falafel
- 009496
≈ Paradise Landscape
スプリットコンプリメンタリー +150° +210°
- A264BA
Prickly Purple
- 8C8500
≈ Fickle Pickle
- 009970
≈ Rainforest
テトラード +90° +180° +270°
- A264BA
Prickly Purple
- C4622E
≈ Cinnamon Rufous
- 589436
≈ Pont Moss
- 008FB6
≈ Hawaiian Ocean
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.14:1 · APCA Lc 68
Ag
AA黒の上
WCAG 5.06:1 · APCA Lc 33
最適な文字色: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
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);
}