色名 · #CC00DD
Fungal Hallucinations
Fungal Hallucinationsは#CC00DD：rgb(204 0 221)、hsl(295 100% 43%)、oklch(0.604 0.284 324.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Fungal Hallucinations color name →
#CC00DD
oklch(0.604 0.284 324.1)
カラー変換
- HEX
- #cc00dd
- RGB
- rgb(204 0 221)
- HSL
- hsl(295 100% 43%)
- HWB
- hwb(295 0% 13%)
- OKLCH
- oklch(0.604 0.284 324.1)
- OKLab
- oklab(0.604 0.23 -0.167)
- CIE Lab
- lab(49.27 80.91 -59.45)
- LCH
- lch(49.27 100.4 323.7)
- CMYK
- cmyk(8% 100% 0% 13%)
ティント · シェード · トーン
ティント
- D33DE2
- DA5BE6
- E073EA
- E689EE
- EB9EF2
- F0B2F5
- F5C5F8
- F8D9FB
- FCECFD
シェード
- B100C0
- 9700A4
- 7E0088
- 65006E
- 4E0055
- 37003D
- 220026
- 0F0011
- 020002
トーン
- C52CD4
- BF3FCB
- B84CC2
- B157B9
- A960B0
- A268A7
- 9A6F9D
- 927594
- 897B8A
カラーハーモニー
補色 +180°
- CC00DD
Fungal Hallucinations
- 009D20
≈ Space Invader
類似色 -30° +30°
- CC00DD
Fungal Hallucinations
- 8F53FF
≈ Purple Honeycreeper
- E5008B
≈ Benevolent Pink
トライアド +120° +240°
- CC00DD
Fungal Hallucinations
- A47A00
≈ Hornet Yellow
- 00939E
≈ Jaded
スプリットコンプリメンタリー +150° +210°
- CC00DD
Fungal Hallucinations
- 818900
≈ Krypton Green
- 00977C
≈ Pool Table
テトラード +90° +180° +270°
- CC00DD
Fungal Hallucinations
- C46300
≈ Alloy Orange
- 009D20
≈ Space Invader
- 008CC1
≈ Cyan Cornflower Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.55:1 · APCA Lc 69
Ag
AA黒の上
WCAG 4.61:1 · APCA Lc 33
最適な文字色: #000000
WCAG 4.61:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
CSS
:root {
--fungal-hallucinations: #cc00dd;
--fungal-hallucinations-rgb: 204 0 221;
--fungal-hallucinations-oklch: oklch(0.604 0.284 324.1);
}
.element {
color: var(--fungal-hallucinations);
background-color: hsl(295 100% 43%);
border-color: oklch(0.604 0.284 324.1);
}Tailwind CSS v4
@theme {
--color-fungal-hallucinations: #cc00dd;
--color-fungal-hallucinations-50: #ffd9ff;
--color-fungal-hallucinations-100: #ffc6ff;
--color-fungal-hallucinations-200: #ffa6ff;
--color-fungal-hallucinations-300: #fe7aff;
--color-fungal-hallucinations-400: #ea4bfa;
--color-fungal-hallucinations-500: #d800eb;
--color-fungal-hallucinations-600: #b600c6;
--color-fungal-hallucinations-700: #9300a0;
--color-fungal-hallucinations-800: #6c007a;
--color-fungal-hallucinations-900: #4c0056;
--color-fungal-hallucinations-950: #32003a;
}SCSS
$fungal-hallucinations: #cc00dd;
$fungal-hallucinations-rgb: 204, 0, 221;
$fungal-hallucinations-light: mix(#fff, $fungal-hallucinations, 20%);
$fungal-hallucinations-dark: mix(#000, $fungal-hallucinations, 20%);
.element {
color: $fungal-hallucinations;
box-shadow: 0 0 0 2px rgba($fungal-hallucinations, 0.35);
}