Adlandırılmış renk · #E7D3B7
Dust Storm
Dust Storm, #E7D3B7: rgb(231 211 183), hsl(35 50% 81%), oklch(0.876 0.044 76.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Dust Storm color name →
#E7D3B7
oklch(0.876 0.044 76.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9D7BE
- ECDCC5
- EEE0CC
- F1E5D4
- F3E9DB
- F5EDE2
- F8F2E9
- FAF6F0
- FDFBF8
Koyu tonlar
- C9B79F
- AB9C87
- 8F8270
- 73695A
- 595145
- 403A31
- 28241E
- 13100C
- 030202
Gri tonlar
- DCCAB1
- D2C2AC
- C7B9A6
- BDB1A1
- B2A99B
- A8A096
- 9E9890
- 94908B
- 8A8885
Renk uyumları
Tamamlayıcı +180°
- E7D3B7
Dust Storm
- C4D8F3
≈ Light Powder Blue
Analog -30° +30°
- E7D3B7
Dust Storm
- F0CEBF
≈ Peach Blossom Red
- D9D9B8
≈ Ghostly Green
Üçlü +120° +240°
- E7D3B7
Dust Storm
- B6E0E0
≈ Fine Blue
- E2CEEA
≈ Footie Pyjamas
Bölünmüş tamamlayıcı +150° +210°
- E7D3B7
Dust Storm
- B9DDED
≈ Paris Blue
- D3D3F2
≈ Flax Bloom
Dörtlü +90° +180° +270°
- E7D3B7
Dust Storm
- BCE0D0
≈ Desert Mirage
- C4D8F3
≈ Light Powder Blue
- EDCBDC
≈ LA Vibes
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.45:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.39:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.39:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
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);
}