命名颜色 · #FAEEDB
Antique Linen
Antique Linen 即 #FAEEDB：rgb(250 238 219)、hsl(37 76% 92%)、oklch(0.954 0.028 79.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Antique Linen color name →
#FAEEDB
oklch(0.954 0.028 79.5)
颜色转换
- HEX
- #faeedb
- RGB
- rgb(250 238 219)
- HSL
- hsl(37 76% 92%)
- HWB
- hwb(37 86% 2%)
- OKLCH
- oklch(0.954 0.028 79.5)
- OKLab
- oklab(0.954 0.005 0.028)
- CIE Lab
- lab(94.68 1.88 10.76)
- LCH
- lch(94.68 10.92 80.1)
- CMYK
- cmyk(0% 5% 12% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBF0DF
- FBF1E2
- FCF3E6
- FCF5E9
- FDF7ED
- FDF8F1
- FEFAF4
- FEFCF8
- FFFDFB
深色调
- D9CFBE
- BAB1A2
- 9B9387
- 7D776D
- 615C54
- 46423C
- 2D2A26
- 151411
- 030302
灰色调
- EDE2D2
- E0D7C8
- D4CCBF
- C7C1B6
- BBB5AC
- AFABA3
- A3A09A
- 979592
- 8C8A89
配色和谐
互补色 +180°
- FAEEDB
Antique Linen
- E7F0FF
≈ Brilliant White
类似色 -30° +30°
- FAEEDB
Antique Linen
- FFEBE1
≈ Pink Glow
- F0F2DC
≈ Fragile Fern
三角配色 +120° +240°
- FAEEDB
Antique Linen
- DBF6F7
≈ Fishious Rend
- F8EAFC
≈ Placebo Fuchsia
分裂互补色 +150° +210°
- FAEEDB
Antique Linen
- DEF4FF
≈ Wizard White
- EFEDFF
≈ Foundation White
四角配色 +90° +180° +270°
- FAEEDB
Antique Linen
- DEF6EC
≈ Treacherous Blizzard
- E7F0FF
≈ Brilliant White
- FFE9F2
≈ Fairy Dust
对比度与无障碍
Ag
Fail白底
WCAG 1.14:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.31:1 · APCA Lc 98
最佳文字颜色: #000000
WCAG 18.31:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--antique-linen: #faeedb;
--antique-linen-rgb: 250 238 219;
--antique-linen-oklch: oklch(0.954 0.028 79.5);
}
.element {
color: var(--antique-linen);
background-color: hsl(37 76% 92%);
border-color: oklch(0.954 0.028 79.5);
}Tailwind CSS v4
@theme {
--color-antique-linen: #faeedb;
--color-antique-linen-50: #f9f4ec;
--color-antique-linen-100: #ede7de;
--color-antique-linen-200: #dad3c7;
--color-antique-linen-300: #bfb6a8;
--color-antique-linen-400: #a79d8c;
--color-antique-linen-500: #908471;
--color-antique-linen-600: #7a7060;
--color-antique-linen-700: #625a4d;
--color-antique-linen-800: #484138;
--color-antique-linen-900: #322d26;
--color-antique-linen-950: #1e1a14;
}SCSS
$antique-linen: #faeedb;
$antique-linen-rgb: 250, 238, 219;
$antique-linen-light: mix(#fff, $antique-linen, 20%);
$antique-linen-dark: mix(#000, $antique-linen, 20%);
.element {
color: $antique-linen;
box-shadow: 0 0 0 2px rgba($antique-linen, 0.35);
}