Couleur nommée la plus proche · #EEE2F0
#EEE2F0
Couleur nommée la plus proche: Holographic Lavender
#EEE2F0 (rgb(238 226 240), hsl(291 32% 91%), oklch(0.926 0.023 321.4)) est la plus proche de la couleur nommée Holographic Lavender. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EEE2F0
oklch(0.926 0.023 321.4)
Conversions de couleur
- HEX
- #eee2f0
- RGB
- rgb(238 226 240)
- HSL
- hsl(291 32% 91%)
- HWB
- hwb(291 89% 6%)
- OKLCH
- oklch(0.926 0.023 321.4)
- OKLab
- oklab(0.926 0.018 -0.014)
- CIE Lab
- lab(91.16 6.06 -5.3)
- LCH
- lch(91.16 8.05 318.8)
- CMYK
- cmyk(1% 6% 0% 6%)
Teintes · Ombres · Tons
Teintes
- F0E5F2
- F1E8F3
- F3EBF5
- F5EEF6
- F7F0F8
- F8F3F9
- FAF6FB
- FCF9FC
- FDFCFE
Ombres
- CFC4D1
- B1A8B2
- 938C95
- 777178
- 5C575D
- 423E43
- 2A272A
- 141214
- 030303
Tons
- E2D8E4
- D7CED9
- CCC4CD
- C1BAC2
- B5B0B6
- ABA6AB
- A09CA0
- 959395
- 8A898B
Harmonies de couleurs
Complémentaire +180°
- EEE2F0
Holographic Lavender
- DFEBDD
≈ Lighter Mint
Analogue -30° +30°
- EEE2F0
Holographic Lavender
- E6E4F5
≈ Lavender Mist
- F4E1E8
≈ Pink Amour
Triadique +120° +240°
- EEE2F0
Holographic Lavender
- EEE6D6
≈ Eastern Wind
- D6ECED
≈ Water Squirt
Complémentaire divisée +150° +210°
- EEE2F0
Holographic Lavender
- E7E8D7
≈ Vape Smoke
- D9ECE5
≈ Dunnock Egg
Tétradique +90° +180° +270°
- EEE2F0
Holographic Lavender
- F4E3D9
≈ Early Sunset
- DFEBDD
≈ Lighter Mint
- D8EAF3
≈ Spacious Skies
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.77:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.77:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--holographic-lavender: #eee2f0;
--holographic-lavender-rgb: 238 226 240;
--holographic-lavender-oklch: oklch(0.926 0.023 321.4);
}
.element {
color: var(--holographic-lavender);
background-color: hsl(291 32% 91%);
border-color: oklch(0.926 0.023 321.4);
}Tailwind CSS v4
@theme {
--color-holographic-lavender: #eee2f0;
--color-holographic-lavender-50: #f8f3f9;
--color-holographic-lavender-100: #ece5ec;
--color-holographic-lavender-200: #d9d1da;
--color-holographic-lavender-300: #bdb4be;
--color-holographic-lavender-400: #a59aa7;
--color-holographic-lavender-500: #8d818f;
--color-holographic-lavender-600: #786e79;
--color-holographic-lavender-700: #605861;
--color-holographic-lavender-800: #464047;
--color-holographic-lavender-900: #302c31;
--color-holographic-lavender-950: #1d191d;
}SCSS
$holographic-lavender: #eee2f0;
$holographic-lavender-rgb: 238, 226, 240;
$holographic-lavender-light: mix(#fff, $holographic-lavender, 20%);
$holographic-lavender-dark: mix(#000, $holographic-lavender, 20%);
.element {
color: $holographic-lavender;
box-shadow: 0 0 0 2px rgba($holographic-lavender, 0.35);
}