命名颜色 · #DFD4B0
Rice Paddy
Rice Paddy 即 #DFD4B0：rgb(223 212 176)、hsl(46 42% 78%)、oklch(0.87 0.049 93)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Rice Paddy color name →
#DFD4B0
oklch(0.87 0.049 93)
颜色转换
- HEX
- #dfd4b0
- RGB
- rgb(223 212 176)
- HSL
- hsl(46 42% 78%)
- HWB
- hwb(46 69% 13%)
- OKLCH
- oklch(0.87 0.049 93)
- OKLab
- oklab(0.87 -0.003 0.049)
- CIE Lab
- lab(85.12 -0.31 19.33)
- LCH
- lch(85.12 19.33 90.9)
- CMYK
- cmyk(0% 5% 21% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E2D8B8
- E5DDC0
- E9E1C8
- ECE5D0
- EFE9D7
- F2EEDF
- F5F2E7
- F9F6EF
- FCFBF7
深色调
- C2B899
- A59D82
- 8A836C
- 6F6956
- 565142
- 3D3A2E
- 27241C
- 12100B
- 020201
灰色调
- D5CBAB
- CBC3A6
- C2BAA2
- B8B29D
- AEA998
- A5A193
- 9B988E
- 92908A
- 898885
配色和谐
互补色 +180°
- DFD4B0
Rice Paddy
- C9D3F5
≈ Frozen Periwinkle
类似色 -30° +30°
- DFD4B0
Rice Paddy
- ECCEB3
≈ Shortbread Cookie
- CEDAB7
≈ Pallid Light Green
三角配色 +120° +240°
- DFD4B0
Rice Paddy
- B0DDE8
≈ Quiet Nook
- E9C9E2
≈ Pink Pony
分裂互补色 +150° +210°
- DFD4B0
Rice Paddy
- B9D9F3
≈ Blue Rice
- DACDEF
≈ Plum’s the Word
四角配色 +90° +180° +270°
- DFD4B0
Rice Paddy
- B1DFD7
≈ Fair Aqua
- C9D3F5
≈ Frozen Periwinkle
- F1C7D1
≈ Oh so Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黑底
WCAG 14.18:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--rice-paddy: #dfd4b0;
--rice-paddy-rgb: 223 212 176;
--rice-paddy-oklch: oklch(0.87 0.049 93);
}
.element {
color: var(--rice-paddy);
background-color: hsl(46 42% 78%);
border-color: oklch(0.87 0.049 93);
}Tailwind CSS v4
@theme {
--color-rice-paddy: #dfd4b0;
--color-rice-paddy-50: #f9f5e6;
--color-rice-paddy-100: #ede8d6;
--color-rice-paddy-200: #dbd4bd;
--color-rice-paddy-300: #bfb89b;
--color-rice-paddy-400: #a89e7e;
--color-rice-paddy-500: #918661;
--color-rice-paddy-600: #7b7152;
--color-rice-paddy-700: #625b41;
--color-rice-paddy-800: #49422f;
--color-rice-paddy-900: #322d20;
--color-rice-paddy-950: #1e1a0f;
}SCSS
$rice-paddy: #dfd4b0;
$rice-paddy-rgb: 223, 212, 176;
$rice-paddy-light: mix(#fff, $rice-paddy, 20%);
$rice-paddy-dark: mix(#000, $rice-paddy, 20%);
.element {
color: $rice-paddy;
box-shadow: 0 0 0 2px rgba($rice-paddy, 0.35);
}