Couleur nommée la plus proche · #E1DCFE
#E1DCFE
Couleur nommée la plus proche: Foggy Plateau
#E1DCFE (rgb(225 220 254), hsl(249 94% 93%), oklch(0.909 0.046 292.2)) est la plus proche de la couleur nommée Foggy Plateau. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E1DCFE
oklch(0.909 0.046 292.2)
Conversions de couleur
- HEX
- #e1dcfe
- RGB
- rgb(225 220 254)
- HSL
- hsl(249 94% 93%)
- HWB
- hwb(249 86% 0%)
- OKLCH
- oklch(0.909 0.046 292.2)
- OKLab
- oklab(0.909 0.018 -0.043)
- CIE Lab
- lab(88.95 6.57 -15.98)
- LCH
- lch(88.95 17.27 292.3)
- CMYK
- cmyk(11% 13% 0% 0%)
Teintes · Ombres · Tons
Teintes
- E4E0FE
- E7E3FE
- EAE6FF
- EDEAFF
- F0EDFF
- F3F1FF
- F6F4FF
- F9F8FF
- FCFBFF
Ombres
- C4BFDD
- A7A3BD
- 8B889E
- 706E80
- 565463
- 3E3C47
- 27262D
- 121116
- 020203
Tons
- D7D2F1
- CDC9E4
- C3C0D7
- B9B6CA
- AFADBD
- A6A4B1
- 9C9BA4
- 939298
- 89898C
Harmonies de couleurs
Complémentaire +180°
- E1DCFE
Foggy Plateau
- E1E5C2
≈ Loch Modan Moss
Analogue -30° +30°
- E1DCFE
Foggy Plateau
- D1E2FF
≈ Arc Light
- F0D7F4
≈ Scented Spring
Triadique +120° +240°
- E1DCFE
Foggy Plateau
- FBD9C5
≈ Fire Mist
- C3ECDD
≈ Mint Tulip
Complémentaire divisée +150° +210°
- E1DCFE
Foggy Plateau
- F0DFBF
≈ Woven Raffia
- D0E9CD
≈ Applemint
Tétradique +90° +180° +270°
- E1DCFE
Foggy Plateau
- FFD6D3
≈ Bleached Coral
- E1E5C2
≈ Loch Modan Moss
- BEEBEE
≈ Light Opale
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.32:1 · APCA Lc 16
Ag
AAASur noir
WCAG 15.86:1 · APCA Lc 88
Meilleure couleur de texte: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
CSS
:root {
--foggy-plateau: #e1dcfe;
--foggy-plateau-rgb: 225 220 254;
--foggy-plateau-oklch: oklch(0.909 0.046 292.2);
}
.element {
color: var(--foggy-plateau);
background-color: hsl(249 94% 93%);
border-color: oklch(0.909 0.046 292.2);
}Tailwind CSS v4
@theme {
--color-foggy-plateau: #e1dcfe;
--color-foggy-plateau-50: #f5f3ff;
--color-foggy-plateau-100: #e8e5f6;
--color-foggy-plateau-200: #d5d1e7;
--color-foggy-plateau-300: #b8b3cd;
--color-foggy-plateau-400: #9f9ab8;
--color-foggy-plateau-500: #8681a3;
--color-foggy-plateau-600: #726d8a;
--color-foggy-plateau-700: #5b576e;
--color-foggy-plateau-800: #424052;
--color-foggy-plateau-900: #2d2c39;
--color-foggy-plateau-950: #1a1923;
}SCSS
$foggy-plateau: #e1dcfe;
$foggy-plateau-rgb: 225, 220, 254;
$foggy-plateau-light: mix(#fff, $foggy-plateau, 20%);
$foggy-plateau-dark: mix(#000, $foggy-plateau, 20%);
.element {
color: $foggy-plateau;
box-shadow: 0 0 0 2px rgba($foggy-plateau, 0.35);
}