Colore con nome · #F8EED9
Nova White
Nova White è #F8EED9: rgb(248 238 217), hsl(41 69% 91%), oklch(0.951 0.03 85.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Nova White color name →
#F8EED9
oklch(0.951 0.03 85.6)
Conversioni di colore
- HEX
- #f8eed9
- RGB
- rgb(248 238 217)
- HSL
- hsl(41 69% 91%)
- HWB
- hwb(41 85% 3%)
- OKLCH
- oklch(0.951 0.03 85.6)
- OKLab
- oklab(0.951 0.002 0.03)
- CIE Lab
- lab(94.48 0.93 11.47)
- LCH
- lch(94.48 11.51 85.4)
- CMYK
- cmyk(0% 4% 13% 3%)
Tinte · Ombre · Toni
Tinte
- F9F0DD
- F9F1E1
- FAF3E4
- FBF5E8
- FCF7EC
- FCF8F0
- FDFAF4
- FEFCF7
- FEFDFB
Ombre
- D8CFBC
- B8B1A1
- 9A9386
- 7C776C
- 605C53
- 45423B
- 2C2A25
- 151411
- 030302
Toni
- EBE2D0
- DFD7C7
- D3CCBE
- C6C1B4
- BAB5AC
- AEABA3
- A2A09A
- 979591
- 8B8A89
Armonie di colore
Complementare +180°
- F8EED9
Nova White
- E8EFFF
≈ Brilliant White
Analogo -30° +30°
- F8EED9
Nova White
- FFEBDD
≈ Pink Glow
- EEF2DB
≈ Fragile Fern
Triadico +120° +240°
- F8EED9
Nova White
- D9F5F9
≈ Fishious Rend
- FAE9FA
≈ Placebo Fuchsia
Complementare divisa +150° +210°
- F8EED9
Nova White
- DFF2FF
≈ Wizard White
- F0ECFF
≈ Placebo Purple
Tetradico +90° +180° +270°
- F8EED9
Nova White
- DBF6EE
≈ Diluted Mint
- E8EFFF
≈ Brilliant White
- FFE8F0
≈ Fairy Dust
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.15:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.22:1 · APCA Lc 97
Miglior colore del testo: #000000
WCAG 18.22:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--nova-white: #f8eed9;
--nova-white-rgb: 248 238 217;
--nova-white-oklch: oklch(0.951 0.03 85.6);
}
.element {
color: var(--nova-white);
background-color: hsl(41 69% 91%);
border-color: oklch(0.951 0.03 85.6);
}Tailwind CSS v4
@theme {
--color-nova-white: #f8eed9;
--color-nova-white-50: #f9f5ec;
--color-nova-white-100: #ece7dd;
--color-nova-white-200: #d9d4c6;
--color-nova-white-300: #beb7a7;
--color-nova-white-400: #a69e8b;
--color-nova-white-500: #8f8570;
--color-nova-white-600: #79715f;
--color-nova-white-700: #615a4c;
--color-nova-white-800: #474237;
--color-nova-white-900: #312d25;
--color-nova-white-950: #1d1a14;
}SCSS
$nova-white: #f8eed9;
$nova-white-rgb: 248, 238, 217;
$nova-white-light: mix(#fff, $nova-white, 20%);
$nova-white-dark: mix(#000, $nova-white, 20%);
.element {
color: $nova-white;
box-shadow: 0 0 0 2px rgba($nova-white, 0.35);
}