色名 · #AA00CC
Ferocious Fuchsia
Ferocious Fuchsiaは#AA00CC：rgb(170 0 204)、hsl(290 100% 40%)、oklch(0.541 0.261 318.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Ferocious Fuchsia color name →
#AA00CC
oklch(0.541 0.261 318.7)
カラー変換
- HEX
- #aa00cc
- RGB
- rgb(170 0 204)
- HSL
- hsl(290 100% 40%)
- HWB
- hwb(290 0% 20%)
- OKLCH
- oklch(0.541 0.261 318.7)
- OKLab
- oklab(0.541 0.196 -0.173)
- CIE Lab
- lab(42.16 73.02 -61.51)
- LCH
- lch(42.16 95.48 319.9)
- CMYK
- cmyk(17% 100% 0% 20%)
ティント · シェード · トーン
ティント
- B438D3
- BD55D9
- C66DDF
- CF83E4
- D899EA
- E0ADEF
- E8C2F3
- F0D6F7
- F8EBFB
シェード
- 9300B1
- 7D0097
- 68007E
- 530065
- 3F004E
- 2D0037
- 1B0022
- 0B000F
- 010002
トーン
- A728C5
- A33ABE
- 9F47B7
- 9C52B0
- 985CA8
- 9364A1
- 8F6C99
- 8A7391
- 857A89
カラーハーモニー
補色 +180°
- AA00CC
Ferocious Fuchsia
- 308400
≈ Green People
類似色 -30° +30°
- AA00CC
Ferocious Fuchsia
- 7437F9
≈ Pink OCD
- C30084
≈ Rrosy-Fingered Dawn
トライアド +120° +240°
- AA00CC
Ferocious Fuchsia
- 926600
≈ Gamboge Brown
- 007F83
≈ Macquarie
スプリットコンプリメンタリー +150° +210°
- AA00CC
Ferocious Fuchsia
- 757300
≈ Bronze Yellow
- 008364
≈ Shadows of Time
テトラード +90° +180° +270°
- AA00CC
Ferocious Fuchsia
- AF4E00
≈ Cinnamon Bun
- 308400
≈ Green People
- 007AA0
≈ Bleu Ciel
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.86:1 · APCA Lc 77
Ag
Fail黒の上
WCAG 3.58:1 · APCA Lc 25
最適な文字色: #FFFFFF
WCAG 5.86:1 (AA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--ferocious-fuchsia: #aa00cc;
--ferocious-fuchsia-rgb: 170 0 204;
--ferocious-fuchsia-oklch: oklch(0.541 0.261 318.7);
}
.element {
color: var(--ferocious-fuchsia);
background-color: hsl(290 100% 40%);
border-color: oklch(0.541 0.261 318.7);
}Tailwind CSS v4
@theme {
--color-ferocious-fuchsia: #aa00cc;
--color-ferocious-fuchsia-50: #ffddff;
--color-ferocious-fuchsia-100: #ffcbff;
--color-ferocious-fuchsia-200: #ffadff;
--color-ferocious-fuchsia-300: #f184ff;
--color-ferocious-fuchsia-400: #dc5bfe;
--color-ferocious-fuchsia-500: #ca1cf0;
--color-ferocious-fuchsia-600: #aa1ecb;
--color-ferocious-fuchsia-700: #8919a3;
--color-ferocious-fuchsia-800: #64117c;
--color-ferocious-fuchsia-900: #460b58;
--color-ferocious-fuchsia-950: #2e003b;
}SCSS
$ferocious-fuchsia: #aa00cc;
$ferocious-fuchsia-rgb: 170, 0, 204;
$ferocious-fuchsia-light: mix(#fff, $ferocious-fuchsia, 20%);
$ferocious-fuchsia-dark: mix(#000, $ferocious-fuchsia, 20%);
.element {
color: $ferocious-fuchsia;
box-shadow: 0 0 0 2px rgba($ferocious-fuchsia, 0.35);
}