Couleur nommée la plus proche · #E2CDE3
#E2CDE3
Couleur nommée la plus proche: Decadial Pink
#E2CDE3 (rgb(226 205 227), hsl(297 28% 85%), oklch(0.872 0.038 324.5)) est la plus proche de la couleur nommée Decadial Pink. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E2CDE3
oklch(0.872 0.038 324.5)
Conversions de couleur
- HEX
- #e2cde3
- RGB
- rgb(226 205 227)
- HSL
- hsl(297 28% 85%)
- HWB
- hwb(297 80% 11%)
- OKLCH
- oklch(0.872 0.038 324.5)
- OKLab
- oklab(0.872 0.031 -0.022)
- CIE Lab
- lab(84.66 10.44 -8.12)
- LCH
- lch(84.66 13.22 322.1)
- CMYK
- cmyk(0% 10% 0% 11%)
Teintes · Ombres · Tons
Teintes
- E5D2E6
- E8D7E9
- EBDCEB
- EEE1EE
- F1E6F1
- F3EBF4
- F6F0F7
- F9F5F9
- FCFAFC
Ombres
- C4B2C5
- A898A8
- 8C7E8C
- 716671
- 574E57
- 3E383F
- 272327
- 120F12
- 030203
Tons
- D8C5D9
- CEBDCE
- C4B5C4
- BAADBA
- B0A6B0
- A69EA6
- 9C969D
- 938F93
- 898789
Harmonies de couleurs
Complémentaire +180°
- E2CDE3
Decadial Pink
- C7DCC6
≈ Misty Afternoon
Analogue -30° +30°
- E2CDE3
Decadial Pink
- D6D1EC
≈ Air Castle
- EACBD6
≈ Queen Pink
Triadique +120° +240°
- E2CDE3
Decadial Pink
- E1D4BA
≈ Stucco White
- B9DDE0
≈ Mech Suit
Complémentaire divisée +150° +210°
- E2CDE3
Decadial Pink
- D4D8BC
≈ Pine Mist
- BDDDD3
≈ Pinnacle
Tétradique +90° +180° +270°
- E2CDE3
Decadial Pink
- E9CFBE
≈ Golden Pop
- C7DCC6
≈ Misty Afternoon
- BEDAEA
≈ Diamond Soft Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.49:1 · APCA Lc 23
Ag
AAASur noir
WCAG 14.07:1 · APCA Lc 80
Meilleure couleur de texte: #000000
WCAG 14.07:1 (AAA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--decadial-pink: #e2cde3;
--decadial-pink-rgb: 226 205 227;
--decadial-pink-oklch: oklch(0.872 0.038 324.5);
}
.element {
color: var(--decadial-pink);
background-color: hsl(297 28% 85%);
border-color: oklch(0.872 0.038 324.5);
}Tailwind CSS v4
@theme {
--color-decadial-pink: #e2cde3;
--color-decadial-pink-50: #fbf2fb;
--color-decadial-pink-100: #efe4ef;
--color-decadial-pink-200: #ddcfdd;
--color-decadial-pink-300: #c2b1c2;
--color-decadial-pink-400: #aa97ab;
--color-decadial-pink-500: #937e94;
--color-decadial-pink-600: #7c6b7d;
--color-decadial-pink-700: #645564;
--color-decadial-pink-800: #493e4a;
--color-decadial-pink-900: #322b33;
--color-decadial-pink-950: #1e181f;
}SCSS
$decadial-pink: #e2cde3;
$decadial-pink-rgb: 226, 205, 227;
$decadial-pink-light: mix(#fff, $decadial-pink, 20%);
$decadial-pink-dark: mix(#000, $decadial-pink, 20%);
.element {
color: $decadial-pink;
box-shadow: 0 0 0 2px rgba($decadial-pink, 0.35);
}