가장 가까운 이름 색상 · #FFC3B2
#FFC3B2
가장 가까운 이름 색상: Peach Fuzz
#FFC3B2(rgb(255 195 178), hsl(13 100% 85%), oklch(0.867 0.073 36.4))와 가장 가까운 이름 색상은 Peach Fuzz입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFC3B2
oklch(0.867 0.073 36.4)
색상 변환
- HEX
- #ffc3b2
- RGB
- rgb(255 195 178)
- HSL
- hsl(13 100% 85%)
- HWB
- hwb(13 70% 0%)
- OKLCH
- oklch(0.867 0.073 36.4)
- OKLab
- oklab(0.867 0.059 0.043)
- CIE Lab
- lab(84 20.44 17.32)
- LCH
- lch(84 26.79 40.3)
- CMYK
- cmyk(0% 24% 30% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC9BA
- FFCFC1
- FFD5C9
- FFDBD1
- FFE1D8
- FFE7E0
- FFEDE8
- FFF3EF
- FFF9F7
셰이드
- DEA99A
- BE9083
- 9E786D
- 806057
- 634A43
- 48342F
- 2E201D
- 160E0C
- 030201
톤
- F2BCAD
- E5B5A8
- D8AFA3
- CBA89E
- BEA199
- B29B94
- A5948F
- 998D8A
- 8C8785
색 조화
보색 +180°
- FFC3B2
Peach Fuzz
- 9BE0F2
≈ Non-Photo Blue
유사색 -30° +30°
- FFC3B2
Peach Fuzz
- FEC0CB
≈ Pink
- F5CAA0
≈ Sundown
삼각 배색 +120° +240°
- FFC3B2
Peach Fuzz
- ACE2C0
≈ Mountain Mint
- C7D0FF
≈ Lavender Blue
분열 보색 +150° +210°
- FFC3B2
Peach Fuzz
- 9BE3DB
≈ Sharbah Fizz
- AED8FF
≈ Malmö FF
사각 배색 +90° +180° +270°
- FFC3B2
Peach Fuzz
- C7DDA9
≈ Butterfly
- 9BE0F2
≈ Non-Photo Blue
- DFC7FA
≈ Neon Boneyard
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.70:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--peach-fuzz: #ffc3b2;
--peach-fuzz-rgb: 255 195 178;
--peach-fuzz-oklch: oklch(0.867 0.073 36.4);
}
.element {
color: var(--peach-fuzz);
background-color: hsl(13 100% 85%);
border-color: oklch(0.867 0.073 36.4);
}Tailwind CSS v4
@theme {
--color-peach-fuzz: #ffc3b2;
--color-peach-fuzz-50: #ffefe6;
--color-peach-fuzz-100: #ffe0d6;
--color-peach-fuzz-200: #f1cabe;
--color-peach-fuzz-300: #daab9c;
--color-peach-fuzz-400: #c59080;
--color-peach-fuzz-500: #b17564;
--color-peach-fuzz-600: #956355;
--color-peach-fuzz-700: #784f44;
--color-peach-fuzz-800: #593931;
--color-peach-fuzz-900: #3e2721;
--color-peach-fuzz-950: #271511;
}SCSS
$peach-fuzz: #ffc3b2;
$peach-fuzz-rgb: 255, 195, 178;
$peach-fuzz-light: mix(#fff, $peach-fuzz, 20%);
$peach-fuzz-dark: mix(#000, $peach-fuzz, 20%);
.element {
color: $peach-fuzz;
box-shadow: 0 0 0 2px rgba($peach-fuzz, 0.35);
}