命名颜色 · #FEF2D2
Cashmere Sweater
Cashmere Sweater 即 #FEF2D2：rgb(254 242 210)、hsl(44 96% 91%)、oklch(0.962 0.044 89.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Cashmere Sweater color name →
#FEF2D2
oklch(0.962 0.044 89.9)
颜色转换
- HEX
- #fef2d2
- RGB
- rgb(254 242 210)
- HSL
- hsl(44 96% 91%)
- HWB
- hwb(44 82% 0%)
- OKLCH
- oklch(0.962 0.044 89.9)
- OKLab
- oklab(0.962 0 0.044)
- CIE Lab
- lab(95.84 0.42 17.04)
- LCH
- lch(95.84 17.04 88.6)
- CMYK
- cmyk(0% 5% 17% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FEF3D7
- FEF5DB
- FEF6E0
- FEF7E4
- FFF9E9
- FFFAED
- FFFBF2
- FFFCF6
- FFFEFB
深色调
- DDD2B6
- BDB49B
- 9E9681
- 807968
- 635E50
- 474339
- 2D2B24
- 161410
- 030302
灰色调
- F1E6CA
- E4DAC1
- D7CEB9
- CAC3B1
- BDB7A8
- B0ACA0
- A4A198
- 989690
- 8C8B88
配色和谐
互补色 +180°
- FEF2D2
Cashmere Sweater
- EEF2FF
≈ Placebo Blue
类似色 -30° +30°
- FEF2D2
Cashmere Sweater
- FFEFE3
≈ Rice Pudding
- EEF8D7
≈ Pastoral
三角配色 +120° +240°
- FEF2D2
Cashmere Sweater
- DAF9FF
≈ Glacial Day
- FFECFD
≈ Fairy Bubblegum Cloud
分裂互补色 +150° +210°
- FEF2D2
Cashmere Sweater
- E7F5FF
≈ Kodama White
- F4F0FF
≈ Cloud Break
四角配色 +90° +180° +270°
- FEF2D2
Cashmere Sweater
- D4FDF4
≈ Candied Snow
- EEF2FF
≈ Placebo Blue
- FFEDF2
≈ Sugar Coated
对比度与无障碍
Ag
Fail白底
WCAG 1.11:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.84:1 · APCA Lc 100
最佳文字颜色: #000000
WCAG 18.84:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--cashmere-sweater: #fef2d2;
--cashmere-sweater-rgb: 254 242 210;
--cashmere-sweater-oklch: oklch(0.962 0.044 89.9);
}
.element {
color: var(--cashmere-sweater);
background-color: hsl(44 96% 91%);
border-color: oklch(0.962 0.044 89.9);
}Tailwind CSS v4
@theme {
--color-cashmere-sweater: #fef2d2;
--color-cashmere-sweater-50: #f9f5e7;
--color-cashmere-sweater-100: #ede8d8;
--color-cashmere-sweater-200: #dbd4c0;
--color-cashmere-sweater-300: #bfb79f;
--color-cashmere-sweater-400: #a89e81;
--color-cashmere-sweater-500: #918565;
--color-cashmere-sweater-600: #7b7156;
--color-cashmere-sweater-700: #625a44;
--color-cashmere-sweater-800: #494231;
--color-cashmere-sweater-900: #322d21;
--color-cashmere-sweater-950: #1e1a11;
}SCSS
$cashmere-sweater: #fef2d2;
$cashmere-sweater-rgb: 254, 242, 210;
$cashmere-sweater-light: mix(#fff, $cashmere-sweater, 20%);
$cashmere-sweater-dark: mix(#000, $cashmere-sweater, 20%);
.element {
color: $cashmere-sweater;
box-shadow: 0 0 0 2px rgba($cashmere-sweater, 0.35);
}