가장 가까운 이름 색상 · #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);
}