命名颜色 · #FCFFF9
Ceramic
Ceramic 即 #FCFFF9：rgb(252 255 249)、hsl(90 100% 99%)、oklch(0.996 0.008 128.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Ceramic color name →
#FCFFF9
oklch(0.996 0.008 128.6)
颜色转换
- HEX
- #fcfff9
- RGB
- rgb(252 255 249)
- HSL
- hsl(90 100% 99%)
- HWB
- hwb(90 98% 0%)
- OKLCH
- oklch(0.996 0.008 128.6)
- OKLab
- oklab(0.996 -0.005 0.007)
- CIE Lab
- lab(99.65 -1.8 2.51)
- LCH
- lch(99.65 3.09 125.7)
- CMYK
- cmyk(1% 0% 2% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FCFFFA
- FDFFFA
- FDFFFB
- FDFFFB
- FDFFFC
- FEFFFD
- FEFFFD
- FEFFFE
- FFFFFE
深色调
- DBDED9
- BBBEB9
- 9C9E9A
- 7E807D
- 626361
- 474846
- 2D2E2C
- 161615
- 030303
灰色调
- EFF2EC
- E2E4E0
- D5D7D3
- C9CAC7
- BCBDBB
- B0B1AF
- A4A4A3
- 989897
- 8C8C8B
配色和谐
互补色 +180°
- FCFFF9
Ceramic
- FEFDFF
≈ Pale Grey
类似色 -30° +30°
- FCFFF9
Ceramic
- FFFEF8
≈ Baby Powder
- FBFFFC
≈ Whitewash
三角配色 +120° +240°
- FCFFF9
Ceramic
- FDFEFF
≈ White as Heaven
- FFFDFD
≈ Whitecap Snow
分裂互补色 +150° +210°
- FCFFF9
Ceramic
- FDFEFF
≈ White as Heaven
- FFFDFE
≈ Whitecap Snow
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.00:1 · APCA Lc 0
Ag
AAA黑底
WCAG 20.81:1 · APCA Lc 107
最佳文字颜色: #000000
WCAG 20.81:1 (AAA) · APCA Lc 107
Contrast pairs
代码片段
CSS
:root {
--ceramic: #fcfff9;
--ceramic-rgb: 252 255 249;
--ceramic-oklch: oklch(0.996 0.008 128.6);
}
.element {
color: var(--ceramic);
background-color: hsl(90 100% 99%);
border-color: oklch(0.996 0.008 128.6);
}Tailwind CSS v4
@theme {
--color-ceramic: #fcfff9;
--color-ceramic-50: #f4f6f3;
--color-ceramic-100: #e7e8e5;
--color-ceramic-200: #d3d5d1;
--color-ceramic-300: #b6b8b4;
--color-ceramic-400: #9d9f9a;
--color-ceramic-500: #848781;
--color-ceramic-600: #70726e;
--color-ceramic-700: #5a5c58;
--color-ceramic-800: #414340;
--color-ceramic-900: #2d2e2c;
--color-ceramic-950: #1a1b19;
}SCSS
$ceramic: #fcfff9;
$ceramic-rgb: 252, 255, 249;
$ceramic-light: mix(#fff, $ceramic, 20%);
$ceramic-dark: mix(#000, $ceramic, 20%);
.element {
color: $ceramic;
box-shadow: 0 0 0 2px rgba($ceramic, 0.35);
}