色名 · #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);
}