最接近的命名颜色 · #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);
}