命名颜色 · #FAE1AC
Yeast
Yeast 即 #FAE1AC：rgb(250 225 172)、hsl(41 89% 83%)、oklch(0.918 0.073 85.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Yeast color name →
#FAE1AC
oklch(0.918 0.073 85.6)
颜色转换
- HEX
- #fae1ac
- RGB
- rgb(250 225 172)
- HSL
- hsl(41 89% 83%)
- HWB
- hwb(41 67% 2%)
- OKLCH
- oklch(0.918 0.073 85.6)
- OKLab
- oklab(0.918 0.006 0.073)
- CIE Lab
- lab(90.66 3.28 29.32)
- LCH
- lch(90.66 29.5 83.6)
- CMYK
- cmyk(0% 10% 31% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBE4B5
- FBE7BD
- FCEAC6
- FCEDCE
- FDF0D6
- FDF3DE
- FEF6E7
- FEF9EF
- FFFCF7
深色调
- D9C495
- BAA77F
- 9B8B69
- 7D7054
- 615640
- 463E2D
- 2D271B
- 15120B
- 030201
灰色调
- EDD7A8
- E1CDA4
- D4C39F
- C8B99B
- BBAF97
- AFA692
- A39C8E
- 979389
- 8C8985
配色和谐
互补色 +180°
- FAE1AC
Yeast
- D7E4FF
≈ Stoic White
类似色 -30° +30°
- FAE1AC
Yeast
- FFDCC5
≈ Salmon Creek
- E1EAB3
≈ Awareness
三角配色 +120° +240°
- FAE1AC
Yeast
- A9F3FC
≈ Waterspout
- FED4FF
≈ Pink Diamond
分裂互补色 +150° +210°
- FAE1AC
Yeast
- C7E9FF
≈ Blue Java Banana
- E6DEFF
≈ Stoic White
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.43:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--yeast: #fae1ac;
--yeast-rgb: 250 225 172;
--yeast-oklch: oklch(0.918 0.073 85.6);
}
.element {
color: var(--yeast);
background-color: hsl(41 89% 83%);
border-color: oklch(0.918 0.073 85.6);
}Tailwind CSS v4
@theme {
--color-yeast: #fae1ac;
--color-yeast-50: #fef4de;
--color-yeast-100: #f2e7cd;
--color-yeast-200: #e1d3b1;
--color-yeast-300: #c7b68d;
--color-yeast-400: #b29c6c;
--color-yeast-500: #9c834b;
--color-yeast-600: #846f40;
--color-yeast-700: #6a5833;
--color-yeast-800: #4f4024;
--color-yeast-900: #372c18;
--color-yeast-950: #221909;
}SCSS
$yeast: #fae1ac;
$yeast-rgb: 250, 225, 172;
$yeast-light: mix(#fff, $yeast, 20%);
$yeast-dark: mix(#000, $yeast, 20%);
.element {
color: $yeast;
box-shadow: 0 0 0 2px rgba($yeast, 0.35);
}