最も近い色名 · #F194FF
#F194FF
最も近い色名: Party Pig
#F194FF（rgb(241 148 255)、hsl(292 100% 79%)、oklch(0.799 0.175 322.2)）に最も近い色名はParty Pigです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F194FF
oklch(0.799 0.175 322.2)
カラー変換
- HEX
- #f194ff
- RGB
- rgb(241 148 255)
- HSL
- hsl(292 100% 79%)
- HWB
- hwb(292 58% 0%)
- OKLCH
- oklch(0.799 0.175 322.2)
- OKLab
- oklab(0.799 0.138 -0.107)
- CIE Lab
- lab(74.1 47.93 -38.83)
- LCH
- lch(74.1 61.68 321)
- CMYK
- cmyk(5% 42% 0% 0%)
ティント · シェード · トーン
ティント
- F3A0FF
- F5ABFF
- F7B6FF
- F8C0FF
- FACBFF
- FBD6FF
- FCE0FF
- FDEAFF
- FEF5FF
シェード
- D280DE
- B36DBE
- 955A9E
- 794880
- 5D3663
- 432648
- 2B162E
- 140816
- 030103
トーン
- E693F2
- DA91E5
- CF90D8
- C48ECB
- B88CBF
- AD8AB2
- A288A5
- 978599
- 8B838C
カラーハーモニー
補色 +180°
- F194FF
Party Pig
- 75D96C
≈ Pastel Green
類似色 -30° +30°
- F194FF
Party Pig
- BFB0FF
≈ Winterspring Lilac
- FF98C6
≈ Himalayan Balsam
トライアド +120° +240°
- F194FF
Party Pig
- F1B100
≈ Bellagio Gold
- 00D6E3
≈ Aztec Turquoise
スプリットコンプリメンタリー +150° +210°
- F194FF
Party Pig
- C1C710
≈ Key Lime Pie
- 00DDB2
≈ Lifeless Green
テトラード +90° +180° +270°
- F194FF
Party Pig
- FFA46B
≈ Baby Melon
- 75D96C
≈ Pastel Green
- 5FCBFF
≈ Skyan
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.01:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.42:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.42:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--party-pig: #f194ff;
--party-pig-rgb: 241 148 255;
--party-pig-oklch: oklch(0.799 0.175 322.2);
}
.element {
color: var(--party-pig);
background-color: hsl(292 100% 79%);
border-color: oklch(0.799 0.175 322.2);
}Tailwind CSS v4
@theme {
--color-party-pig: #f194ff;
--color-party-pig-50: #ffe5ff;
--color-party-pig-100: #ffd5ff;
--color-party-pig-200: #fabbfe;
--color-party-pig-300: #e397e9;
--color-party-pig-400: #cd77da;
--color-party-pig-500: #ba55c9;
--color-party-pig-600: #9d49aa;
--color-party-pig-700: #7e3a88;
--color-party-pig-800: #5c2a67;
--color-party-pig-900: #401c48;
--color-party-pig-950: #290c2f;
}SCSS
$party-pig: #f194ff;
$party-pig-rgb: 241, 148, 255;
$party-pig-light: mix(#fff, $party-pig, 20%);
$party-pig-dark: mix(#000, $party-pig, 20%);
.element {
color: $party-pig;
box-shadow: 0 0 0 2px rgba($party-pig, 0.35);
}