가장 가까운 이름 색상 · #FFBABF
#FFBABF
가장 가까운 이름 색상: Piglet
#FFBABF(rgb(255 186 191), hsl(356 100% 86%), oklch(0.854 0.08 14.1))와 가장 가까운 이름 색상은 Piglet입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFBABF
oklch(0.854 0.08 14.1)
색상 변환
- HEX
- #ffbabf
- RGB
- rgb(255 186 191)
- HSL
- hsl(356 100% 86%)
- HWB
- hwb(356 73% 0%)
- OKLCH
- oklch(0.854 0.08 14.1)
- OKLab
- oklab(0.854 0.078 0.02)
- CIE Lab
- lab(82.17 26.17 7.86)
- LCH
- lch(82.17 27.32 16.7)
- CMYK
- cmyk(0% 27% 25% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC1C5
- FFC8CC
- FFCFD2
- FFD6D8
- FFDDDF
- FFE4E5
- FFEAEC
- FFF1F2
- FFF8F8
셰이드
- DEA1A6
- BE898D
- 9E7275
- 805C5E
- 634648
- 483233
- 2E1E1F
- 160D0D
- 030202
톤
- F2B4B9
- E5AEB2
- D8A9AC
- CBA3A5
- BF9D9F
- B29799
- A59192
- 998C8C
- 8C8686
색 조화
보색 +180°
- FFBABF
Piglet
- 8EE0DE
≈ Paradisiacal Getaway
유사색 -30° +30°
삼각 배색 +120° +240°
- FFBABF
Piglet
- BADBA6
≈ Embroidered Silk
- AED2FF
≈ Ice Cold Stare
분열 보색 +150° +210°
- FFBABF
Piglet
- 9DE0C1
≈ Bright Sea Green
- 94DBF6
≈ Shiva Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.61:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.02:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.02:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--piglet: #ffbabf;
--piglet-rgb: 255 186 191;
--piglet-oklch: oklch(0.854 0.08 14.1);
}
.element {
color: var(--piglet);
background-color: hsl(356 100% 86%);
border-color: oklch(0.854 0.08 14.1);
}Tailwind CSS v4
@theme {
--color-piglet: #ffbabf;
--color-piglet-50: #ffeced;
--color-piglet-100: #ffdedf;
--color-piglet-200: #f5c7c9;
--color-piglet-300: #dda7a9;
--color-piglet-400: #c98b90;
--color-piglet-500: #b57076;
--color-piglet-600: #995f64;
--color-piglet-700: #7b4c50;
--color-piglet-800: #5b373b;
--color-piglet-900: #3f2528;
--color-piglet-950: #281416;
}SCSS
$piglet: #ffbabf;
$piglet-rgb: 255, 186, 191;
$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);
}