Colore con nome · #EBF7E4
Panache
Panache è #EBF7E4: rgb(235 247 228), hsl(98 54% 93%), oklch(0.962 0.028 133.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Panache color name →
#EBF7E4
oklch(0.962 0.028 133.7)
Conversioni di colore
- HEX
- #ebf7e4
- RGB
- rgb(235 247 228)
- HSL
- hsl(98 54% 93%)
- HWB
- hwb(98 89% 3%)
- OKLCH
- oklch(0.962 0.028 133.7)
- OKLab
- oklab(0.962 -0.019 0.02)
- CIE Lab
- lab(95.94 -6.6 7.73)
- LCH
- lch(95.94 10.17 130.5)
- CMYK
- cmyk(5% 0% 8% 3%)
Tinte · Ombre · Toni
Tinte
- EDF8E7
- EFF9E9
- F1F9EC
- F3FAEF
- F5FBF2
- F7FCF4
- F9FDF7
- FBFDFA
- FDFEFC
Ombre
- CCD7C6
- AEB7A9
- 91998D
- 757C72
- 5B6058
- 41453F
- 292C28
- 131512
- 030303
Toni
- E0EADA
- D5DECF
- CAD2C5
- BFC6BB
- B4BAB1
- A9AEA7
- 9FA29D
- 949793
- 8A8B8A
Armonie di colore
Complementare +180°
- EBF7E4
Panache
- F9EEFF
≈ Placebo Fuchsia
Analogo -30° +30°
- EBF7E4
Panache
- F5F4DE
≈ White Jasmine
- E2F9ED
≈ Soft Mint
Triadico +120° +240°
- EBF7E4
Panache
- EAF3FF
≈ Moon White
- FFEEEF
≈ White Gloss
Complementare divisa +150° +210°
- EBF7E4
Panache
- F0F1FF
≈ Cloud Break
- FFECF6
≈ Partial Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.10:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.95:1 · APCA Lc 100
Miglior colore del testo: #000000
WCAG 18.95:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--panache: #ebf7e4;
--panache-rgb: 235 247 228;
--panache-oklch: oklch(0.962 0.028 133.7);
}
.element {
color: var(--panache);
background-color: hsl(98 54% 93%);
border-color: oklch(0.962 0.028 133.7);
}Tailwind CSS v4
@theme {
--color-panache: #ebf7e4;
--color-panache-50: #f2f7ef;
--color-panache-100: #e4eae1;
--color-panache-200: #cfd7cb;
--color-panache-300: #b1bbad;
--color-panache-400: #98a292;
--color-panache-500: #7f8b78;
--color-panache-600: #6b7565;
--color-panache-700: #565e51;
--color-panache-800: #3f453b;
--color-panache-900: #2b2f28;
--color-panache-950: #191c16;
}SCSS
$panache: #ebf7e4;
$panache-rgb: 235, 247, 228;
$panache-light: mix(#fff, $panache, 20%);
$panache-dark: mix(#000, $panache, 20%);
.element {
color: $panache;
box-shadow: 0 0 0 2px rgba($panache, 0.35);
}