이름 색상 · #FFC0C6
Piglet
Piglet은(는) #FFC0C6: rgb(255 192 198), hsl(354 100% 88%), oklch(0.866 0.073 12.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Piglet color name →
#FFC0C6
oklch(0.866 0.073 12.3)
색상 변환
- HEX
- #ffc0c6
- RGB
- rgb(255 192 198)
- HSL
- hsl(354 100% 88%)
- HWB
- hwb(354 75% 0%)
- OKLCH
- oklch(0.866 0.073 12.3)
- OKLab
- oklab(0.866 0.071 0.016)
- CIE Lab
- lab(83.68 23.91 6.27)
- LCH
- lch(83.68 24.72 14.7)
- CMYK
- cmyk(0% 25% 22% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC6CC
- FFCDD1
- FFD3D7
- FFD9DD
- FFE0E2
- FFE6E8
- FFECEE
- FFF2F3
- FFF9F9
셰이드
- DEA7AC
- BE8E92
- 9E767A
- 805F62
- 63494B
- 483435
- 2E2021
- 160E0E
- 030202
톤
- F2BABF
- E5B3B8
- D8ADB0
- CBA6A9
- BEA0A2
- B2999B
- A59394
- 998D8E
- 8C8687
색 조화
보색 +180°
- FFC0C6
Piglet
- 9AE3E0
≈ Aqua Fiesta
유사색 -30° +30°
- FFC0C6
Piglet
- F6C1E0
≈ Rosy Nectar
- FDC4AE
≈ Gadabout
삼각 배색 +120° +240°
- FFC0C6
Piglet
- C1DEAD
≈ Bowling Green
- B4D7FF
≈ Malmö FF
분열 보색 +150° +210°
- FFC0C6
Piglet
- A8E3C5
≈ Reef Green
- 9EDEF6
≈ Non-Photo Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.60:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--piglet: #ffc0c6;
--piglet-rgb: 255 192 198;
--piglet-oklch: oklch(0.866 0.073 12.3);
}
.element {
color: var(--piglet);
background-color: hsl(354 100% 88%);
border-color: oklch(0.866 0.073 12.3);
}Tailwind CSS v4
@theme {
--color-piglet: #ffc0c6;
--color-piglet-50: #ffedef;
--color-piglet-100: #ffdfe0;
--color-piglet-200: #f2c8cb;
--color-piglet-300: #daa9ac;
--color-piglet-400: #c58d93;
--color-piglet-500: #b17279;
--color-piglet-600: #956166;
--color-piglet-700: #784d52;
--color-piglet-800: #59383c;
--color-piglet-900: #3e2629;
--color-piglet-950: #271417;
}SCSS
$piglet: #ffc0c6;
$piglet-rgb: 255, 192, 198;
$piglet-light: mix(#fff, $piglet, 20%);
$piglet-dark: mix(#000, $piglet, 20%);
.element {
color: $piglet;
box-shadow: 0 0 0 2px rgba($piglet, 0.35);
}