命名颜色 · #E7D3B7
Dust Storm
Dust Storm 即 #E7D3B7：rgb(231 211 183)、hsl(35 50% 81%)、oklch(0.876 0.044 76.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Dust Storm color name →
#E7D3B7
oklch(0.876 0.044 76.3)
颜色转换
- HEX
- #e7d3b7
- RGB
- rgb(231 211 183)
- HSL
- hsl(35 50% 81%)
- HWB
- hwb(35 72% 9%)
- OKLCH
- oklch(0.876 0.044 76.3)
- OKLab
- oklab(0.876 0.01 0.042)
- CIE Lab
- lab(85.68 3.94 16.57)
- LCH
- lch(85.68 17.04 76.6)
- CMYK
- cmyk(0% 9% 21% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E9D7BE
- ECDCC5
- EEE0CC
- F1E5D4
- F3E9DB
- F5EDE2
- F8F2E9
- FAF6F0
- FDFBF8
深色调
- C9B79F
- AB9C87
- 8F8270
- 73695A
- 595145
- 403A31
- 28241E
- 13100C
- 030202
灰色调
- DCCAB1
- D2C2AC
- C7B9A6
- BDB1A1
- B2A99B
- A8A096
- 9E9890
- 94908B
- 8A8885
配色和谐
互补色 +180°
- E7D3B7
Dust Storm
- C4D8F3
≈ Light Powder Blue
类似色 -30° +30°
- E7D3B7
Dust Storm
- F0CEBF
≈ Peach Blossom Red
- D9D9B8
≈ Ghostly Green
三角配色 +120° +240°
- E7D3B7
Dust Storm
- B6E0E0
≈ Fine Blue
- E2CEEA
≈ Footie Pyjamas
分裂互补色 +150° +210°
- E7D3B7
Dust Storm
- B9DDED
≈ Paris Blue
- D3D3F2
≈ Flax Bloom
四角配色 +90° +180° +270°
- E7D3B7
Dust Storm
- BCE0D0
≈ Desert Mirage
- C4D8F3
≈ Light Powder Blue
- EDCBDC
≈ LA Vibes
对比度与无障碍
Ag
Fail白底
WCAG 1.45:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.39:1 · APCA Lc 82
最佳文字颜色: #000000
WCAG 14.39:1 (AAA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--dust-storm: #e7d3b7;
--dust-storm-rgb: 231 211 183;
--dust-storm-oklch: oklch(0.876 0.044 76.3);
}
.element {
color: var(--dust-storm);
background-color: hsl(35 50% 81%);
border-color: oklch(0.876 0.044 76.3);
}Tailwind CSS v4
@theme {
--color-dust-storm: #e7d3b7;
--color-dust-storm-50: #fcf4e8;
--color-dust-storm-100: #f0e6d8;
--color-dust-storm-200: #dfd2c0;
--color-dust-storm-300: #c4b59f;
--color-dust-storm-400: #ad9b82;
--color-dust-storm-500: #978366;
--color-dust-storm-600: #806f57;
--color-dust-storm-700: #665845;
--color-dust-storm-800: #4c4032;
--color-dust-storm-900: #342c22;
--color-dust-storm-950: #201911;
}SCSS
$dust-storm: #e7d3b7;
$dust-storm-rgb: 231, 211, 183;
$dust-storm-light: mix(#fff, $dust-storm, 20%);
$dust-storm-dark: mix(#000, $dust-storm, 20%);
.element {
color: $dust-storm;
box-shadow: 0 0 0 2px rgba($dust-storm, 0.35);
}