命名颜色 · #E2D4AD
Meadow Dew
Meadow Dew 即 #E2D4AD：rgb(226 212 173)、hsl(44 48% 78%)、oklch(0.871 0.054 90.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Meadow Dew color name →
#E2D4AD
oklch(0.871 0.054 90.6)
颜色转换
- HEX
- #e2d4ad
- RGB
- rgb(226 212 173)
- HSL
- hsl(44 48% 78%)
- HWB
- hwb(44 68% 11%)
- OKLCH
- oklch(0.871 0.054 90.6)
- OKLab
- oklab(0.871 -0.001 0.054)
- CIE Lab
- lab(85.33 0.52 21.22)
- LCH
- lch(85.33 21.23 88.6)
- CMYK
- cmyk(0% 6% 23% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E5D8B5
- E8DDBD
- EBE1C6
- EEE5CE
- F0E9D6
- F3EEDE
- F6F2E6
- F9F6EF
- FCFBF7
深色调
- C4B896
- A89D7F
- 8C836A
- 716955
- 575141
- 3E3A2D
- 27241B
- 12100B
- 030201
灰色调
- D8CBA9
- CEC3A4
- C4BAA0
- BAB29B
- B0A997
- A6A192
- 9C988E
- 939089
- 898885
配色和谐
互补色 +180°
- E2D4AD
Meadow Dew
- C7D4F9
≈ Pale Phthalo Blue
类似色 -30° +30°
- E2D4AD
Meadow Dew
- F0CDB2
≈ Peach Darling
- CFDBB3
≈ Pallid Light Green
三角配色 +120° +240°
- E2D4AD
Meadow Dew
- ACDFE9
≈ Quiet Nook
- EAC8E5
≈ Venetian Rose
分裂互补色 +150° +210°
- E2D4AD
Meadow Dew
- B6DAF5
≈ Blue Rice
- DACDF3
≈ Plum’s the Word
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.47:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.25:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.25:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--meadow-dew: #e2d4ad;
--meadow-dew-rgb: 226 212 173;
--meadow-dew-oklch: oklch(0.871 0.054 90.6);
}
.element {
color: var(--meadow-dew);
background-color: hsl(44 48% 78%);
border-color: oklch(0.871 0.054 90.6);
}Tailwind CSS v4
@theme {
--color-meadow-dew: #e2d4ad;
--color-meadow-dew-50: #faf5e4;
--color-meadow-dew-100: #eee8d4;
--color-meadow-dew-200: #dcd4bb;
--color-meadow-dew-300: #c1b799;
--color-meadow-dew-400: #aa9e7a;
--color-meadow-dew-500: #94855d;
--color-meadow-dew-600: #7d714f;
--color-meadow-dew-700: #645a3f;
--color-meadow-dew-800: #4a422d;
--color-meadow-dew-900: #332d1e;
--color-meadow-dew-950: #1f1a0e;
}SCSS
$meadow-dew: #e2d4ad;
$meadow-dew-rgb: 226, 212, 173;
$meadow-dew-light: mix(#fff, $meadow-dew, 20%);
$meadow-dew-dark: mix(#000, $meadow-dew, 20%);
.element {
color: $meadow-dew;
box-shadow: 0 0 0 2px rgba($meadow-dew, 0.35);
}