Couleur nommée · #DFD4B7
Sahara Wind
Sahara Wind correspond à #DFD4B7 : rgb(223 212 183), hsl(44 38% 80%), oklch(0.871 0.041 89.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Sahara Wind color name →
#DFD4B7
oklch(0.871 0.041 89.7)
Conversions de couleur
- HEX
- #dfd4b7
- RGB
- rgb(223 212 183)
- HSL
- hsl(44 38% 80%)
- HWB
- hwb(44 72% 13%)
- OKLCH
- oklch(0.871 0.041 89.7)
- OKLab
- oklab(0.871 0 0.041)
- CIE Lab
- lab(85.24 0.45 15.85)
- LCH
- lch(85.24 15.85 88.4)
- CMYK
- cmyk(0% 5% 18% 13%)
Teintes · Ombres · Tons
Teintes
- E2D8BE
- E5DDC5
- E9E1CC
- ECE5D4
- EFE9DB
- F2EEE2
- F5F2E9
- F9F6F0
- FCFBF8
Ombres
- C2B89F
- A59D87
- 8A8370
- 6F695A
- 565145
- 3D3A31
- 27241E
- 12100C
- 020202
Tons
- D5CBB1
- CBC3AC
- C2BAA6
- B8B2A1
- AEA99B
- A5A196
- 9B9890
- 92908B
- 898885
Harmonies de couleurs
Complémentaire +180°
- DFD4B7
Sahara Wind
- CAD4F0
≈ Garden Fairy
Analogue -30° +30°
- DFD4B7
Sahara Wind
- EACFBB
≈ English Scone
- D1D9BB
≈ Spring Joy
Triadique +120° +240°
- DFD4B7
Sahara Wind
- B7DDE3
≈ Basin Blue
- E5CCE2
≈ Sweety Pie
Complémentaire divisée +150° +210°
- DFD4B7
Sahara Wind
- BDD9ED
≈ First Rain
- D8CFEC
≈ Plum’s the Word
Tétradique +90° +180° +270°
- DFD4B7
Sahara Wind
- B9DED5
≈ Short Phase
- CAD4F0
≈ Garden Fairy
- EDCAD4
≈ Panache Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.47:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.23:1 · APCA Lc 81
Meilleure couleur de texte: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--sahara-wind: #dfd4b7;
--sahara-wind-rgb: 223 212 183;
--sahara-wind-oklch: oklch(0.871 0.041 89.7);
}
.element {
color: var(--sahara-wind);
background-color: hsl(44 38% 80%);
border-color: oklch(0.871 0.041 89.7);
}Tailwind CSS v4
@theme {
--color-sahara-wind: #dfd4b7;
--color-sahara-wind-50: #f9f5e8;
--color-sahara-wind-100: #ede8d9;
--color-sahara-wind-200: #dad4c1;
--color-sahara-wind-300: #bfb7a0;
--color-sahara-wind-400: #a89e84;
--color-sahara-wind-500: #918568;
--color-sahara-wind-600: #7a7158;
--color-sahara-wind-700: #625a46;
--color-sahara-wind-800: #484232;
--color-sahara-wind-900: #322d22;
--color-sahara-wind-950: #1e1a11;
}SCSS
$sahara-wind: #dfd4b7;
$sahara-wind-rgb: 223, 212, 183;
$sahara-wind-light: mix(#fff, $sahara-wind, 20%);
$sahara-wind-dark: mix(#000, $sahara-wind, 20%);
.element {
color: $sahara-wind;
box-shadow: 0 0 0 2px rgba($sahara-wind, 0.35);
}