Couleur nommée la plus proche · #E2B39D
#E2B39D
Couleur nommée la plus proche: Prosciutto
#E2B39D (rgb(226 179 157), hsl(19 54% 75%), oklch(0.803 0.063 46.4)) est la plus proche de la couleur nommée Prosciutto. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E2B39D
oklch(0.803 0.063 46.4)
Conversions de couleur
- HEX
- #e2b39d
- RGB
- rgb(226 179 157)
- HSL
- hsl(19 54% 75%)
- HWB
- hwb(19 62% 11%)
- OKLCH
- oklch(0.803 0.063 46.4)
- OKLab
- oklab(0.803 0.043 0.045)
- CIE Lab
- lab(76.85 15.32 18.12)
- LCH
- lch(76.85 23.73 49.8)
- CMYK
- cmyk(0% 21% 31% 11%)
Teintes · Ombres · Tons
Teintes
- E5BBA7
- E8C2B0
- EBCABA
- EED1C4
- F1D9CD
- F4E0D7
- F7E8E1
- FAF0EB
- FCF7F5
Ombres
- C49B88
- A88473
- 8C6E5F
- 71584C
- 57433A
- 3E2F28
- 271D18
- 120C09
- 030101
Tons
- D8AE9A
- CEA997
- C4A495
- BA9F92
- B0998F
- A7948C
- 9D8F89
- 938A86
- 8A8583
Harmonies de couleurs
Complémentaire +180°
- E2B39D
Prosciutto
- 94C8DE
≈ Caribbean Coast
Analogue -30° +30°
- E2B39D
Prosciutto
- E5AFB1
≈ Chewing Gum
- D6BA92
≈ Pebble Path
Triadique +120° +240°
- E2B39D
Prosciutto
- 98CCB6
≈ Mint Ice Cream
- BBB9E6
≈ Pretty Posie
Complémentaire divisée +150° +210°
- E2B39D
Prosciutto
- 8ECCCC
≈ Lake
- A5C1E8
≈ Sky High
Tétradique +90° +180° +270°
- E2B39D
Prosciutto
- ADC9A1
≈ Desert Cactus
- 94C8DE
≈ Caribbean Coast
- CFB3DA
≈ Sea Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.88:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.16:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
CSS
:root {
--prosciutto: #e2b39d;
--prosciutto-rgb: 226 179 157;
--prosciutto-oklch: oklch(0.803 0.063 46.4);
}
.element {
color: var(--prosciutto);
background-color: hsl(19 54% 75%);
border-color: oklch(0.803 0.063 46.4);
}Tailwind CSS v4
@theme {
--color-prosciutto: #e2b39d;
--color-prosciutto-50: #fff0e6;
--color-prosciutto-100: #fbe2d6;
--color-prosciutto-200: #eccdbd;
--color-prosciutto-300: #d3ae9c;
--color-prosciutto-400: #bf937f;
--color-prosciutto-500: #a97963;
--color-prosciutto-600: #8f6754;
--color-prosciutto-700: #735243;
--color-prosciutto-800: #553b30;
--color-prosciutto-900: #3b2921;
--color-prosciutto-950: #251710;
}SCSS
$prosciutto: #e2b39d;
$prosciutto-rgb: 226, 179, 157;
$prosciutto-light: mix(#fff, $prosciutto, 20%);
$prosciutto-dark: mix(#000, $prosciutto, 20%);
.element {
color: $prosciutto;
box-shadow: 0 0 0 2px rgba($prosciutto, 0.35);
}