命名颜色 · #FAEFD5
Milky Way Galaxy
Milky Way Galaxy 即 #FAEFD5：rgb(250 239 213)、hsl(42 79% 91%)、oklch(0.954 0.036 87.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Milky Way Galaxy color name →
#FAEFD5
oklch(0.954 0.036 87.8)
颜色转换
- HEX
- #faefd5
- RGB
- rgb(250 239 213)
- HSL
- hsl(42 79% 91%)
- HWB
- hwb(42 84% 2%)
- OKLCH
- oklch(0.954 0.036 87.8)
- OKLab
- oklab(0.954 0.001 0.036)
- CIE Lab
- lab(94.82 0.72 14.03)
- LCH
- lch(94.82 14.05 87)
- CMYK
- cmyk(0% 4% 15% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBF1D9
- FBF2DD
- FCF4E2
- FCF5E6
- FDF7EA
- FDF9EE
- FEFAF2
- FEFCF7
- FFFDFB
深色调
- D9D0B9
- BAB19E
- 9B9483
- 7D786A
- 615C51
- 46423A
- 2D2A24
- 151410
- 030302
灰色调
- EDE3CC
- E0D8C3
- D4CCBB
- C7C1B2
- BBB6AA
- AFABA1
- A3A099
- 979590
- 8B8B88
配色和谐
互补色 +180°
- FAEFD5
Milky Way Galaxy
- E9F0FF
≈ Brilliant White
类似色 -30° +30°
- FAEFD5
Milky Way Galaxy
- FFECDE
≈ Pink Glow
- EDF4D9
≈ Tokyo Underground
三角配色 +120° +240°
- FAEFD5
Milky Way Galaxy
- D5F7FC
≈ Fishious Rend
- FEE8FC
≈ Fairy Bubblegum Cloud
分裂互补色 +150° +210°
- FAEFD5
Milky Way Galaxy
- E1F3FF
≈ Wizard White
- F1EDFF
≈ Foundation White
四角配色 +90° +180° +270°
- FAEFD5
Milky Way Galaxy
- D7F8F0
≈ Mid Spring Morning
- E9F0FF
≈ Brilliant White
- FFE9F0
≈ Rose Mochi
对比度与无障碍
Ag
Fail白底
WCAG 1.14:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.37:1 · APCA Lc 98
最佳文字颜色: #000000
WCAG 18.37:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--milky-way-galaxy: #faefd5;
--milky-way-galaxy-rgb: 250 239 213;
--milky-way-galaxy-oklch: oklch(0.954 0.036 87.8);
}
.element {
color: var(--milky-way-galaxy);
background-color: hsl(42 79% 91%);
border-color: oklch(0.954 0.036 87.8);
}Tailwind CSS v4
@theme {
--color-milky-way-galaxy: #faefd5;
--color-milky-way-galaxy-50: #f9f5ea;
--color-milky-way-galaxy-100: #ece8db;
--color-milky-way-galaxy-200: #dad4c3;
--color-milky-way-galaxy-300: #beb7a3;
--color-milky-way-galaxy-400: #a79e87;
--color-milky-way-galaxy-500: #90856b;
--color-milky-way-galaxy-600: #7a715b;
--color-milky-way-galaxy-700: #625a48;
--color-milky-way-galaxy-800: #484234;
--color-milky-way-galaxy-900: #322d24;
--color-milky-way-galaxy-950: #1e1a12;
}SCSS
$milky-way-galaxy: #faefd5;
$milky-way-galaxy-rgb: 250, 239, 213;
$milky-way-galaxy-light: mix(#fff, $milky-way-galaxy, 20%);
$milky-way-galaxy-dark: mix(#000, $milky-way-galaxy, 20%);
.element {
color: $milky-way-galaxy;
box-shadow: 0 0 0 2px rgba($milky-way-galaxy, 0.35);
}