Couleur nommée la plus proche · #E2D1A9
#E2D1A9
Couleur nommée la plus proche: Anise Biscotti
#E2D1A9 (rgb(226 209 169), hsl(42 50% 77%), oklch(0.865 0.056 87.7)) est la plus proche de la couleur nommée Anise Biscotti. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E2D1A9
oklch(0.865 0.056 87.7)
Conversions de couleur
- HEX
- #e2d1a9
- RGB
- rgb(226 209 169)
- HSL
- hsl(42 50% 77%)
- HWB
- hwb(42 66% 11%)
- OKLCH
- oklch(0.865 0.056 87.7)
- OKLab
- oklab(0.865 0.002 0.056)
- CIE Lab
- lab(84.5 1.57 22.18)
- LCH
- lch(84.5 22.23 85.9)
- CMYK
- cmyk(0% 8% 25% 11%)
Teintes · Ombres · Tons
Teintes
- E5D6B2
- E8DABA
- EBDFC3
- EEE3CB
- F0E8D4
- F3EDDD
- F6F1E5
- F9F6EE
- FCFAF6
Ombres
- C4B592
- A89B7C
- 8C8167
- 716853
- 57503F
- 3E392C
- 27231B
- 12100A
- 030201
Tons
- D8C9A5
- CEC0A1
- C4B89D
- BAB099
- B0A895
- A6A091
- 9C988D
- 939088
- 898884
Harmonies de couleurs
Complémentaire +180°
- E2D1A9
Anise Biscotti
- C2D2F8
≈ Frozen Periwinkle
Analogue -30° +30°
- E2D1A9
Anise Biscotti
- F0CAAF
≈ Pastel Peach
- CFD8AF
≈ Avocado Whip
Triadique +120° +240°
- E2D1A9
Anise Biscotti
- A8DDE6
≈ Geyser Pool
- E7C6E6
≈ Prom Corsage
Complémentaire divisée +150° +210°
- E2D1A9
Anise Biscotti
- B1D9F3
≈ Blue Rice
- D6CBF3
≈ Soap
Tétradique +90° +180° +270°
- E2D1A9
Anise Biscotti
- ACDFD2
≈ Jaded Clouds
- C2D2F8
≈ Frozen Periwinkle
- F2C4D2
≈ In the Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.50:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.92:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--anise-biscotti: #e2d1a9;
--anise-biscotti-rgb: 226 209 169;
--anise-biscotti-oklch: oklch(0.865 0.056 87.7);
}
.element {
color: var(--anise-biscotti);
background-color: hsl(42 50% 77%);
border-color: oklch(0.865 0.056 87.7);
}Tailwind CSS v4
@theme {
--color-anise-biscotti: #e2d1a9;
--color-anise-biscotti-50: #fbf5e3;
--color-anise-biscotti-100: #efe7d3;
--color-anise-biscotti-200: #ded4ba;
--color-anise-biscotti-300: #c3b797;
--color-anise-biscotti-400: #ac9d79;
--color-anise-biscotti-500: #96845b;
--color-anise-biscotti-600: #7f704d;
--color-anise-biscotti-700: #655a3d;
--color-anise-biscotti-800: #4b412c;
--color-anise-biscotti-900: #342d1d;
--color-anise-biscotti-950: #201a0d;
}SCSS
$anise-biscotti: #e2d1a9;
$anise-biscotti-rgb: 226, 209, 169;
$anise-biscotti-light: mix(#fff, $anise-biscotti, 20%);
$anise-biscotti-dark: mix(#000, $anise-biscotti, 20%);
.element {
color: $anise-biscotti;
box-shadow: 0 0 0 2px rgba($anise-biscotti, 0.35);
}