Couleur nommée la plus proche · #E0C6E8
#E0C6E8
Couleur nommée la plus proche: Prom Corsage
#E0C6E8 (rgb(224 198 232), hsl(286 42% 84%), oklch(0.859 0.054 318.2)) est la plus proche de la couleur nommée Prom Corsage. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E0C6E8
oklch(0.859 0.054 318.2)
Conversions de couleur
- HEX
- #e0c6e8
- RGB
- rgb(224 198 232)
- HSL
- hsl(286 42% 84%)
- HWB
- hwb(286 78% 9%)
- OKLCH
- oklch(0.859 0.054 318.2)
- OKLab
- oklab(0.859 0.04 -0.036)
- CIE Lab
- lab(82.89 13.93 -13.4)
- LCH
- lch(82.89 19.33 316.1)
- CMYK
- cmyk(3% 15% 0% 9%)
Teintes · Ombres · Tons
Teintes
- E3CCEA
- E6D1ED
- E9D7EF
- ECDDF1
- F0E2F4
- F3E8F6
- F6EEF8
- F9F3FB
- FCF9FD
Ombres
- C3ACCA
- A692AC
- 8A7A90
- 706274
- 564B59
- 3E3540
- 272129
- 120E13
- 020203
Tons
- D6BFDD
- CCB8D2
- C2B1C8
- B9A9BD
- AFA2B3
- A59BA8
- 9C959E
- 928E94
- 89878A
Harmonies de couleurs
Complémentaire +180°
- E0C6E8
Prom Corsage
- C0DAB7
≈ Grasshopper Pie
Analogue -30° +30°
- E0C6E8
Prom Corsage
- CECCF3
≈ Miami White
- EDC3D7
≈ Tussie-Mussie
Triadique +120° +240°
- E0C6E8
Prom Corsage
- E4CDA9
≈ Dried Plantain
- A7DCDD
≈ Aqua Spray
Complémentaire divisée +150° +210°
- E0C6E8
Prom Corsage
- D3D4AB
≈ Cream Cheese Avocado
- AFDDCA
≈ Brook Green
Tétradique +90° +180° +270°
- E0C6E8
Prom Corsage
- EFC7B2
≈ Sweet Pastel
- C0DAB7
≈ Grasshopper Pie
- ACD8ED
≈ Blue Feather
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.56:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.41:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.41:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--prom-corsage: #e0c6e8;
--prom-corsage-rgb: 224 198 232;
--prom-corsage-oklch: oklch(0.859 0.054 318.2);
}
.element {
color: var(--prom-corsage);
background-color: hsl(286 42% 84%);
border-color: oklch(0.859 0.054 318.2);
}Tailwind CSS v4
@theme {
--color-prom-corsage: #e0c6e8;
--color-prom-corsage-50: #fcf0ff;
--color-prom-corsage-100: #f0e2f3;
--color-prom-corsage-200: #dfcde3;
--color-prom-corsage-300: #c4afc9;
--color-prom-corsage-400: #ac95b3;
--color-prom-corsage-500: #967b9e;
--color-prom-corsage-600: #7e6885;
--color-prom-corsage-700: #65536b;
--color-prom-corsage-800: #4a3d4f;
--color-prom-corsage-900: #332a37;
--color-prom-corsage-950: #1f1722;
}SCSS
$prom-corsage: #e0c6e8;
$prom-corsage-rgb: 224, 198, 232;
$prom-corsage-light: mix(#fff, $prom-corsage, 20%);
$prom-corsage-dark: mix(#000, $prom-corsage, 20%);
.element {
color: $prom-corsage;
box-shadow: 0 0 0 2px rgba($prom-corsage, 0.35);
}