Couleur nommée la plus proche · #E2D0DB
#E2D0DB
Couleur nommée la plus proche: Ephemeral Red
#E2D0DB (rgb(226 208 219), hsl(323 24% 85%), oklch(0.875 0.025 340.3)) est la plus proche de la couleur nommée Ephemeral Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E2D0DB
oklch(0.875 0.025 340.3)
Conversions de couleur
- HEX
- #e2d0db
- RGB
- rgb(226 208 219)
- HSL
- hsl(323 24% 85%)
- HWB
- hwb(323 82% 11%)
- OKLCH
- oklch(0.875 0.025 340.3)
- OKLab
- oklab(0.875 0.023 -0.008)
- CIE Lab
- lab(85.22 7.87 -3.08)
- LCH
- lch(85.22 8.45 338.6)
- CMYK
- cmyk(0% 8% 3% 11%)
Teintes · Ombres · Tons
Teintes
- E5D5DF
- E8D9E2
- EBDEE6
- EEE3E9
- F1E7ED
- F3ECF0
- F6F1F4
- F9F5F8
- FCFAFB
Ombres
- C4B5BE
- A89AA2
- 8C8087
- 71676D
- 574F54
- 3E393C
- 272326
- 121011
- 030202
Tons
- D8C8D2
- CEBFC8
- C4B7BF
- BAAFB6
- B0A7AC
- A69FA3
- 9C979A
- 938F91
- 898889
Harmonies de couleurs
Complémentaire +180°
- E2D0DB
Ephemeral Red
- C9DBD1
≈ Tenderness
Analogue -30° +30°
- E2D0DB
Ephemeral Red
- DBD2E2
≈ Purple Mist
- E6D0D2
≈ Delicate Pink
Triadique +120° +240°
- E2D0DB
Ephemeral Red
- D9D7C5
≈ Crêpe Papier
- C5DAE1
≈ Getting Wet
Complémentaire divisée +150° +210°
- E2D0DB
Ephemeral Red
- D1DAC9
≈ Bayberry Frost
- C5DCDA
≈ Julep Green
Tétradique +90° +180° +270°
- E2D0DB
Ephemeral Red
- E1D4C5
≈ Wheat Sheaf
- C9DBD1
≈ Tenderness
- CAD8E6
≈ Arctic Air
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.47:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.27:1 · APCA Lc 81
Meilleure couleur de texte: #000000
WCAG 14.27:1 (AAA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--ephemeral-red: #e2d0db;
--ephemeral-red-rgb: 226 208 219;
--ephemeral-red-oklch: oklch(0.875 0.025 340.3);
}
.element {
color: var(--ephemeral-red);
background-color: hsl(323 24% 85%);
border-color: oklch(0.875 0.025 340.3);
}Tailwind CSS v4
@theme {
--color-ephemeral-red: #e2d0db;
--color-ephemeral-red-50: #fbf2f7;
--color-ephemeral-red-100: #eee5ea;
--color-ephemeral-red-200: #dcd0d7;
--color-ephemeral-red-300: #c1b3bb;
--color-ephemeral-red-400: #a999a3;
--color-ephemeral-red-500: #92808b;
--color-ephemeral-red-600: #7c6c76;
--color-ephemeral-red-700: #63575e;
--color-ephemeral-red-800: #483f45;
--color-ephemeral-red-900: #322b30;
--color-ephemeral-red-950: #1e191c;
}SCSS
$ephemeral-red: #e2d0db;
$ephemeral-red-rgb: 226, 208, 219;
$ephemeral-red-light: mix(#fff, $ephemeral-red, 20%);
$ephemeral-red-dark: mix(#000, $ephemeral-red, 20%);
.element {
color: $ephemeral-red;
box-shadow: 0 0 0 2px rgba($ephemeral-red, 0.35);
}