Colore con nome · #F9E9D7
Pignoli
Pignoli è #F9E9D7: rgb(249 233 215), hsl(32 74% 91%), oklch(0.942 0.03 70.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pignoli color name →
#F9E9D7
oklch(0.942 0.03 70.7)
Conversioni di colore
- HEX
- #f9e9d7
- RGB
- rgb(249 233 215)
- HSL
- hsl(32 74% 91%)
- HWB
- hwb(32 84% 2%)
- OKLCH
- oklch(0.942 0.03 70.7)
- OKLab
- oklab(0.942 0.01 0.028)
- CIE Lab
- lab(93.28 3.46 10.84)
- LCH
- lch(93.28 11.38 72.3)
- CMYK
- cmyk(0% 6% 14% 2%)
Tinte · Ombre · Toni
Tinte
- FAEBDB
- FAEDDF
- FBF0E3
- FBF2E7
- FCF4EB
- FDF6EF
- FDF8F3
- FEFBF7
- FEFDFB
Ombre
- D9CBBB
- B9AD9F
- 9A9085
- 7D746B
- 615A52
- 46413B
- 2C2925
- 151311
- 030302
Toni
- ECDECE
- E0D3C5
- D3C8BC
- C7BEB3
- BBB3AB
- AFA9A2
- A39E99
- 979491
- 8B8A88
Armonie di colore
Complementare +180°
- F9E9D7
Pignoli
- DEEEFF
≈ Calcareous Sinter
Analogo -30° +30°
- F9E9D7
Pignoli
- FEE6DD
≈ French Manicure
- F0EDD7
≈ Tambourine
Triadico +120° +240°
- F9E9D7
Pignoli
- D6F3F0
≈ Air of Mint
- F2E7FB
≈ Soft Lavender
Complementare divisa +150° +210°
- F9E9D7
Pignoli
- D7F1FA
≈ Water
- E8EAFF
≈ Glitter
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.66:1 · APCA Lc 95
Miglior colore del testo: #000000
WCAG 17.66:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--pignoli: #f9e9d7;
--pignoli-rgb: 249 233 215;
--pignoli-oklch: oklch(0.942 0.03 70.7);
}
.element {
color: var(--pignoli);
background-color: hsl(32 74% 91%);
border-color: oklch(0.942 0.03 70.7);
}Tailwind CSS v4
@theme {
--color-pignoli: #f9e9d7;
--color-pignoli-50: #fbf4ec;
--color-pignoli-100: #eee7dd;
--color-pignoli-200: #dcd3c7;
--color-pignoli-300: #c1b5a7;
--color-pignoli-400: #aa9c8c;
--color-pignoli-500: #938371;
--color-pignoli-600: #7c6f60;
--color-pignoli-700: #64594d;
--color-pignoli-800: #494138;
--color-pignoli-900: #332d26;
--color-pignoli-950: #1f1a14;
}SCSS
$pignoli: #f9e9d7;
$pignoli-rgb: 249, 233, 215;
$pignoli-light: mix(#fff, $pignoli, 20%);
$pignoli-dark: mix(#000, $pignoli, 20%);
.element {
color: $pignoli;
box-shadow: 0 0 0 2px rgba($pignoli, 0.35);
}