最接近的命名颜色 · #FFC3CE
#FFC3CE
最接近的命名颜色: Pink
#FFC3CE（rgb(255 195 206)、hsl(349 100% 88%)、oklch(0.874 0.07 6.4)）最接近命名颜色 Pink。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FFC3CE
oklch(0.874 0.07 6.4)
颜色转换
- HEX
- #ffc3ce
- RGB
- rgb(255 195 206)
- HSL
- hsl(349 100% 88%)
- HWB
- hwb(349 76% 0%)
- OKLCH
- oklch(0.874 0.07 6.4)
- OKLab
- oklab(0.874 0.069 0.008)
- CIE Lab
- lab(84.54 23.27 3.24)
- LCH
- lch(84.54 23.5 7.9)
- CMYK
- cmyk(0% 24% 19% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFC9D3
- FFCFD8
- FFD5DD
- FFDBE1
- FFE1E6
- FFE7EB
- FFEDF0
- FFF3F5
- FFF9FA
深色调
- DEA9B3
- BE9098
- 9E787F
- 806066
- 634A4E
- 483438
- 2E2023
- 160E0F
- 030202
灰色调
- F2BCC6
- E5B5BE
- D8AFB6
- CBA8AE
- BEA1A6
- B29A9E
- A59497
- 998D8F
- 8C8787
配色和谐
互补色 +180°
- FFC3CE
Pink
- A0E5DD
≈ Sea Glass Teal
类似色 -30° +30°
- FFC3CE
Pink
- F4C5E7
≈ Rosy Nectar
- FFC6B6
≈ Ballet Skirt
三角配色 +120° +240°
- FFC3CE
Pink
- CADFAD
≈ Viridine Green
- B3DBFF
≈ Droplet
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.50:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.94:1 · APCA Lc 80
最佳文字颜色: #000000
WCAG 13.94:1 (AAA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--pink: #ffc3ce;
--pink-rgb: 255 195 206;
--pink-oklch: oklch(0.874 0.07 6.4);
}
.element {
color: var(--pink);
background-color: hsl(349 100% 88%);
border-color: oklch(0.874 0.07 6.4);
}Tailwind CSS v4
@theme {
--color-pink: #ffc3ce;
--color-pink-50: #ffedf1;
--color-pink-100: #fedfe3;
--color-pink-200: #f0c9ce;
--color-pink-300: #d8a9b0;
--color-pink-400: #c38e98;
--color-pink-500: #ae737f;
--color-pink-600: #93616b;
--color-pink-700: #764e56;
--color-pink-800: #57383f;
--color-pink-900: #3d262c;
--color-pink-950: #261519;
}SCSS
$pink: #ffc3ce;
$pink-rgb: 255, 195, 206;
$pink-light: mix(#fff, $pink, 20%);
$pink-dark: mix(#000, $pink, 20%);
.element {
color: $pink;
box-shadow: 0 0 0 2px rgba($pink, 0.35);
}