Colore con nome più vicino · #F0EAFD
#F0EAFD
Colore con nome più vicino: Holographic Lavender
#F0EAFD (rgb(240 234 253), hsl(259 83% 95%), oklch(0.947 0.026 300.3)) è più vicino al colore con nome Holographic Lavender. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#F0EAFD
oklch(0.947 0.026 300.3)
Conversioni di colore
- HEX
- #f0eafd
- RGB
- rgb(240 234 253)
- HSL
- hsl(259 83% 95%)
- HWB
- hwb(259 92% 1%)
- OKLCH
- oklch(0.947 0.026 300.3)
- OKLab
- oklab(0.947 0.013 -0.023)
- CIE Lab
- lab(93.59 4.65 -8.46)
- LCH
- lch(93.59 9.65 298.8)
- CMYK
- cmyk(5% 8% 0% 1%)
Tinte · Ombre · Toni
Tinte
- F1ECFD
- F3EEFD
- F4F0FE
- F6F2FE
- F7F4FE
- F9F7FE
- FAF9FE
- FCFBFF
- FDFDFF
Ombre
- D1CBDC
- B2AEBC
- 95919D
- 78757F
- 5D5A62
- 434147
- 2A292D
- 141316
- 030303
Toni
- E4DFF0
- D9D4E3
- CDC9D6
- C2BEC9
- B6B4BD
- ABA9B0
- A09FA4
- 959498
- 8B8A8C
Armonie di colore
Complementare +180°
- F0EAFD
Holographic Lavender
- EBF1DD
≈ Moth’s Wing
Analogo -30° +30°
- F0EAFD
Holographic Lavender
- E7EDFF
≈ Brilliant White
- F8E8F6
≈ Cherry Pearl
Triadico +120° +240°
- F0EAFD
Holographic Lavender
- FBEADD
≈ Rosarian
- DCF4EE
≈ Aqua Pura
Complementare divisa +150° +210°
- F0EAFD
Holographic Lavender
- F4EDDA
≈ Satin Weave
- E2F3E5
≈ Frosted Mint
Tetradico +90° +180° +270°
- F0EAFD
Holographic Lavender
- FFE8E3
≈ Sheer Rosebud
- EBF1DD
≈ Moth’s Wing
- DBF3F7
≈ Let It Snow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASu nero
WCAG 17.89:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.89:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--holographic-lavender: #f0eafd;
--holographic-lavender-rgb: 240 234 253;
--holographic-lavender-oklch: oklch(0.947 0.026 300.3);
}
.element {
color: var(--holographic-lavender);
background-color: hsl(259 83% 95%);
border-color: oklch(0.947 0.026 300.3);
}Tailwind CSS v4
@theme {
--color-holographic-lavender: #f0eafd;
--color-holographic-lavender-50: #f6f3fc;
--color-holographic-lavender-100: #e9e6ef;
--color-holographic-lavender-200: #d6d2de;
--color-holographic-lavender-300: #bab4c3;
--color-holographic-lavender-400: #a19bac;
--color-holographic-lavender-500: #898395;
--color-holographic-lavender-600: #746f7e;
--color-holographic-lavender-700: #5c5865;
--color-holographic-lavender-800: #43414a;
--color-holographic-lavender-900: #2e2c34;
--color-holographic-lavender-950: #1b1a1f;
}SCSS
$holographic-lavender: #f0eafd;
$holographic-lavender-rgb: 240, 234, 253;
$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);
}