命名颜色 · #FCDFAF
Apricot Mousse
Apricot Mousse 即 #FCDFAF：rgb(252 223 175)、hsl(37 93% 84%)、oklch(0.916 0.07 80.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Apricot Mousse color name →
#FCDFAF
oklch(0.916 0.07 80.2)
颜色转换
- HEX
- #fcdfaf
- RGB
- rgb(252 223 175)
- HSL
- hsl(37 93% 84%)
- HWB
- hwb(37 69% 1%)
- OKLCH
- oklch(0.916 0.07 80.2)
- OKLab
- oklab(0.916 0.012 0.069)
- CIE Lab
- lab(90.39 5.28 27.47)
- LCH
- lch(90.39 27.97 79.1)
- CMYK
- cmyk(0% 12% 31% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- FCE2B7
- FDE6BF
- FDE9C7
- FDECD0
- FEEFD7
- FEF2DF
- FEF6E7
- FFF9EF
- FFFCF7
深色调
- DBC298
- BBA581
- 9C8A6B
- 7E6F56
- 625641
- 473D2E
- 2D271C
- 16120B
- 030201
灰色调
- EFD5AA
- E2CBA6
- D5C2A1
- C9B89D
- BCAF98
- B0A593
- A49C8F
- 98928A
- 8C8985
配色和谐
互补色 +180°
- FCDFAF
Apricot Mousse
- D4E4FF
≈ Veiling Waterfalls
类似色 -30° +30°
- FCDFAF
Apricot Mousse
- FFDBC7
≈ Sugared Peach
- E5E8B2
≈ Iced Celery
三角配色 +120° +240°
- FCDFAF
Apricot Mousse
- ACF2F6
≈ Waterspout
- F8D6FF
≈ Pink Diamond
分裂互补色 +150° +210°
- FCDFAF
Apricot Mousse
- C2EAFF
≈ Blue Java Banana
- E2DFFF
≈ Stoic White
四角配色 +90° +180° +270°
- FCDFAF
Apricot Mousse
- B5F3DC
≈ Mystery Mint
- D4E4FF
≈ Veiling Waterfalls
- FFD6E8
≈ Pink Currant
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.31:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--apricot-mousse: #fcdfaf;
--apricot-mousse-rgb: 252 223 175;
--apricot-mousse-oklch: oklch(0.916 0.07 80.2);
}
.element {
color: var(--apricot-mousse);
background-color: hsl(37 93% 84%);
border-color: oklch(0.916 0.07 80.2);
}Tailwind CSS v4
@theme {
--color-apricot-mousse: #fcdfaf;
--color-apricot-mousse-50: #fff4df;
--color-apricot-mousse-100: #f4e6ce;
--color-apricot-mousse-200: #e3d2b3;
--color-apricot-mousse-300: #c9b58f;
--color-apricot-mousse-400: #b49a6f;
--color-apricot-mousse-500: #9e814f;
--color-apricot-mousse-600: #866d43;
--color-apricot-mousse-700: #6b5736;
--color-apricot-mousse-800: #503f26;
--color-apricot-mousse-900: #372c19;
--color-apricot-mousse-950: #22190a;
}SCSS
$apricot-mousse: #fcdfaf;
$apricot-mousse-rgb: 252, 223, 175;
$apricot-mousse-light: mix(#fff, $apricot-mousse, 20%);
$apricot-mousse-dark: mix(#000, $apricot-mousse, 20%);
.element {
color: $apricot-mousse;
box-shadow: 0 0 0 2px rgba($apricot-mousse, 0.35);
}