Couleur nommée la plus proche · #E3CEB7
#E3CEB7
Couleur nommée la plus proche: Sand Dune
#E3CEB7 (rgb(227 206 183), hsl(31 44% 80%), oklch(0.863 0.039 69.8)) est la plus proche de la couleur nommée Sand Dune. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E3CEB7
oklch(0.863 0.039 69.8)
Conversions de couleur
- HEX
- #e3ceb7
- RGB
- rgb(227 206 183)
- HSL
- hsl(31 44% 80%)
- HWB
- hwb(31 72% 11%)
- OKLCH
- oklch(0.863 0.039 69.8)
- OKLab
- oklab(0.863 0.013 0.037)
- CIE Lab
- lab(84.07 4.89 14.29)
- LCH
- lch(84.07 15.1 71.1)
- CMYK
- cmyk(0% 9% 19% 11%)
Teintes · Ombres · Tons
Teintes
- E6D3BE
- E9D8C5
- EBDDCC
- EEE1D4
- F1E6DB
- F4EBE2
- F7F0E9
- F9F5F0
- FCFAF8
Ombres
- C5B39F
- A89887
- 8C7F70
- 71665A
- 574E45
- 3F3831
- 27231E
- 120F0C
- 030202
Tons
- D9C6B1
- CEBEAC
- C4B6A6
- BAAEA1
- B0A69B
- A69E96
- 9D9790
- 938F8B
- 898885
Harmonies de couleurs
Complémentaire +180°
- E3CEB7
Sand Dune
- BFD5EB
≈ Light Water Wash
Analogue -30° +30°
- E3CEB7
Sand Dune
- EACABF
≈ Au Naturel
- D7D3B6
≈ Pistachio Tang
Triadique +120° +240°
- E3CEB7
Sand Dune
- B6DBD7
≈ Catch the Wave
- DACBE6
≈ Bashful Pansy
Complémentaire divisée +150° +210°
- E3CEB7
Sand Dune
- B7D8E4
≈ Fresh Dawn
- CCD0EC
≈ Frozen Periwinkle
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.77:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--sand-dune: #e3ceb7;
--sand-dune-rgb: 227 206 183;
--sand-dune-oklch: oklch(0.863 0.039 69.8);
}
.element {
color: var(--sand-dune);
background-color: hsl(31 44% 80%);
border-color: oklch(0.863 0.039 69.8);
}Tailwind CSS v4
@theme {
--color-sand-dune: #e3ceb7;
--color-sand-dune-50: #fcf4e9;
--color-sand-dune-100: #f0e6da;
--color-sand-dune-200: #dfd2c3;
--color-sand-dune-300: #c4b5a2;
--color-sand-dune-400: #ae9b86;
--color-sand-dune-500: #97826a;
--color-sand-dune-600: #806e5a;
--color-sand-dune-700: #665848;
--color-sand-dune-800: #4c4034;
--color-sand-dune-900: #352c23;
--color-sand-dune-950: #201912;
}SCSS
$sand-dune: #e3ceb7;
$sand-dune-rgb: 227, 206, 183;
$sand-dune-light: mix(#fff, $sand-dune, 20%);
$sand-dune-dark: mix(#000, $sand-dune, 20%);
.element {
color: $sand-dune;
box-shadow: 0 0 0 2px rgba($sand-dune, 0.35);
}