가장 가까운 이름 색상 · #FFD1C1
#FFD1C1
가장 가까운 이름 색상: Piggy Bank
#FFD1C1(rgb(255 209 193), hsl(15 100% 88%), oklch(0.896 0.057 40.1))와 가장 가까운 이름 색상은 Piggy Bank입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFD1C1
oklch(0.896 0.057 40.1)
색상 변환
- HEX
- #ffd1c1
- RGB
- rgb(255 209 193)
- HSL
- hsl(15 100% 88%)
- HWB
- hwb(15 76% 0%)
- OKLCH
- oklch(0.896 0.057 40.1)
- OKLab
- oklab(0.896 0.043 0.036)
- CIE Lab
- lab(87.58 14.98 14.38)
- LCH
- lch(87.58 20.76 43.8)
- CMYK
- cmyk(0% 18% 24% 0%)
틴트 · 셰이드 · 톤
틴트
- FFD6C7
- FFDACD
- FFDFD4
- FFE3DA
- FFE8E0
- FFEDE6
- FFF1EC
- FFF6F3
- FFFAF9
셰이드
- DEB5A7
- BE9B8F
- 9E8177
- 80685F
- 635049
- 483934
- 2E2320
- 16100E
- 030202
톤
- F2C9BA
- E5C0B4
- D8B8AD
- CBB0A7
- BEA8A0
- B1A09A
- A59893
- 98908D
- 8C8886
색 조화
보색 +180°
- FFD1C1
Piggy Bank
- B4E6F7
≈ Breaking the Ice
유사색 -30° +30°
- FFD1C1
Piggy Bank
- FFCED4
≈ Love Fumes
- F6D7B5
≈ Pink Lady
삼각 배색 +120° +240°
- FFD1C1
Piggy Bank
- BDE9D0
≈ Woolly Mint
- D5DAFF
≈ Icy Plains
분열 보색 +150° +210°
- FFD1C1
Piggy Bank
- B2E9E5
≈ Spearmint Water
- C3E0FF
≈ Dithered Sky
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.14:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--piggy-bank: #ffd1c1;
--piggy-bank-rgb: 255 209 193;
--piggy-bank-oklch: oklch(0.896 0.057 40.1);
}
.element {
color: var(--piggy-bank);
background-color: hsl(15 100% 88%);
border-color: oklch(0.896 0.057 40.1);
}Tailwind CSS v4
@theme {
--color-piggy-bank: #ffd1c1;
--color-piggy-bank-50: #fff0e9;
--color-piggy-bank-100: #f9e2d9;
--color-piggy-bank-200: #eacdc2;
--color-piggy-bank-300: #d2afa1;
--color-piggy-bank-400: #bd9485;
--color-piggy-bank-500: #a77a6a;
--color-piggy-bank-600: #8d675a;
--color-piggy-bank-700: #715248;
--color-piggy-bank-800: #543c34;
--color-piggy-bank-900: #3b2924;
--color-piggy-bank-950: #241712;
}SCSS
$piggy-bank: #ffd1c1;
$piggy-bank-rgb: 255, 209, 193;
$piggy-bank-light: mix(#fff, $piggy-bank, 20%);
$piggy-bank-dark: mix(#000, $piggy-bank, 20%);
.element {
color: $piggy-bank;
box-shadow: 0 0 0 2px rgba($piggy-bank, 0.35);
}