Colore con nome più vicino · #EEE2F0
#EEE2F0
Colore con nome più vicino: Holographic Lavender
#EEE2F0 (rgb(238 226 240), hsl(291 32% 91%), oklch(0.926 0.023 321.4)) è più vicino al colore con nome Holographic Lavender. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#EEE2F0
oklch(0.926 0.023 321.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F0E5F2
- F1E8F3
- F3EBF5
- F5EEF6
- F7F0F8
- F8F3F9
- FAF6FB
- FCF9FC
- FDFCFE
Ombre
- CFC4D1
- B1A8B2
- 938C95
- 777178
- 5C575D
- 423E43
- 2A272A
- 141214
- 030303
Toni
- E2D8E4
- D7CED9
- CCC4CD
- C1BAC2
- B5B0B6
- ABA6AB
- A09CA0
- 959395
- 8A898B
Armonie di colore
Complementare +180°
- EEE2F0
Holographic Lavender
- DFEBDD
≈ Lighter Mint
Analogo -30° +30°
- EEE2F0
Holographic Lavender
- E6E4F5
≈ Lavender Mist
- F4E1E8
≈ Pink Amour
Triadico +120° +240°
- EEE2F0
Holographic Lavender
- EEE6D6
≈ Eastern Wind
- D6ECED
≈ Water Squirt
Complementare divisa +150° +210°
- EEE2F0
Holographic Lavender
- E7E8D7
≈ Vape Smoke
- D9ECE5
≈ Dunnock Egg
Tetradico +90° +180° +270°
- EEE2F0
Holographic Lavender
- F4E3D9
≈ Early Sunset
- DFEBDD
≈ Lighter Mint
- D8EAF3
≈ Spacious Skies
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.77:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.77:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
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);
}