命名颜色 · #F5E7C8
Rice Wine
Rice Wine 即 #F5E7C8：rgb(245 231 200)、hsl(41 69% 87%)、oklch(0.931 0.043 86.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Rice Wine color name →
#F5E7C8
oklch(0.931 0.043 86.6)
颜色转换
- HEX
- #f5e7c8
- RGB
- rgb(245 231 200)
- HSL
- hsl(41 69% 87%)
- HWB
- hwb(41 78% 4%)
- OKLCH
- oklch(0.931 0.043 86.6)
- OKLab
- oklab(0.931 0.003 0.043)
- CIE Lab
- lab(92.18 1.29 16.96)
- LCH
- lch(92.18 17.01 85.7)
- CMYK
- cmyk(0% 6% 18% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- F6E9CE
- F7ECD3
- F8EED9
- F9F1DE
- FAF3E4
- FBF5E9
- FCF8EF
- FDFAF4
- FEFDFA
深色调
- D5C9AE
- B6AB94
- 988F7B
- 7B7363
- 5F594C
- 444036
- 2B2821
- 15130F
- 030302
灰色调
- E9DCC1
- DDD2B9
- D0C7B2
- C5BDAB
- B9B2A4
- ADA89C
- A29E95
- 96948E
- 8B8A87
配色和谐
互补色 +180°
- F5E7C8
Rice Wine
- DEE8FF
≈ Lavender Mist
类似色 -30° +30°
- F5E7C8
Rice Wine
- FFE2CE
≈ Melted Marshmallow
- E6EDCC
≈ Honeydew Melon
三角配色 +120° +240°
- F5E7C8
Rice Wine
- C8F1F7
≈ Vaporised
- F8DFF8
≈ Silky Pink
分裂互补色 +150° +210°
- F5E7C8
Rice Wine
- D1EDFF
≈ Ice Castle
- EAE4FF
≈ Lavender Mist
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黑底
WCAG 17.14:1 · APCA Lc 93
最佳文字颜色: #000000
WCAG 17.14:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--rice-wine: #f5e7c8;
--rice-wine-rgb: 245 231 200;
--rice-wine-oklch: oklch(0.931 0.043 86.6);
}
.element {
color: var(--rice-wine);
background-color: hsl(41 69% 87%);
border-color: oklch(0.931 0.043 86.6);
}Tailwind CSS v4
@theme {
--color-rice-wine: #f5e7c8;
--color-rice-wine-50: #faf5e7;
--color-rice-wine-100: #eee7d8;
--color-rice-wine-200: #dcd4c0;
--color-rice-wine-300: #c0b79f;
--color-rice-wine-400: #aa9d82;
--color-rice-wine-500: #938565;
--color-rice-wine-600: #7c7056;
--color-rice-wine-700: #635a45;
--color-rice-wine-800: #494131;
--color-rice-wine-900: #332d21;
--color-rice-wine-950: #1f1a11;
}SCSS
$rice-wine: #f5e7c8;
$rice-wine-rgb: 245, 231, 200;
$rice-wine-light: mix(#fff, $rice-wine, 20%);
$rice-wine-dark: mix(#000, $rice-wine, 20%);
.element {
color: $rice-wine;
box-shadow: 0 0 0 2px rgba($rice-wine, 0.35);
}