Colore con nome · #F4E7E5
Light Chiffon
Light Chiffon è #F4E7E5: rgb(244 231 229), hsl(8 41% 93%), oklch(0.938 0.014 28). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Chiffon color name →
#F4E7E5
oklch(0.938 0.014 28)
Conversioni di colore
- HEX
- #f4e7e5
- RGB
- rgb(244 231 229)
- HSL
- hsl(8 41% 93%)
- HWB
- hwb(8 90% 4%)
- OKLCH
- oklch(0.938 0.014 28)
- OKLab
- oklab(0.938 0.013 0.007)
- CIE Lab
- lab(92.65 4.31 2.64)
- LCH
- lch(92.65 5.05 31.5)
- CMYK
- cmyk(0% 5% 6% 4%)
Tinte · Ombre · Toni
Tinte
- F5E9E8
- F6ECEA
- F7EEED
- F8F1EF
- FAF3F2
- FBF5F5
- FCF8F7
- FDFAFA
- FEFDFC
Ombre
- D4C9C7
- B5ABAA
- 978F8E
- 7A7372
- 5E5958
- 44403F
- 2B2828
- 141312
- 030303
Toni
- E8DCDA
- DCD2D0
- D0C7C6
- C4BCBB
- B8B2B1
- ADA8A7
- A19E9D
- 969493
- 8B8A8A
Armonie di colore
Complementare +180°
- F4E7E5
Light Chiffon
- E0EDEF
≈ Aquifer
Analogo -30° +30°
- F4E7E5
Light Chiffon
- F3E7EA
≈ White-Red
- F2E8E1
≈ Quartz White
Triadico +120° +240°
- F4E7E5
Light Chiffon
- E4EDE5
≈ Molten Ice
- E6EAF4
≈ Whisper Blue
Complementare divisa +150° +210°
- F4E7E5
Light Chiffon
- E1EEEA
≈ Thawed Out
- E2ECF3
≈ Out Cold
Tetradico +90° +180° +270°
- F4E7E5
Light Chiffon
- E9ECE1
≈ Winter Glaze
- E0EDEF
≈ Aquifer
- EBE8F3
≈ Tranquil Eve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.40:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--light-chiffon: #f4e7e5;
--light-chiffon-rgb: 244 231 229;
--light-chiffon-oklch: oklch(0.938 0.014 28);
}
.element {
color: var(--light-chiffon);
background-color: hsl(8 41% 93%);
border-color: oklch(0.938 0.014 28);
}Tailwind CSS v4
@theme {
--color-light-chiffon: #f4e7e5;
--color-light-chiffon-50: #f9f4f3;
--color-light-chiffon-100: #ede6e5;
--color-light-chiffon-200: #dad2d0;
--color-light-chiffon-300: #bfb5b3;
--color-light-chiffon-400: #a79b9a;
--color-light-chiffon-500: #908381;
--color-light-chiffon-600: #796f6d;
--color-light-chiffon-700: #615857;
--color-light-chiffon-800: #474140;
--color-light-chiffon-900: #312c2c;
--color-light-chiffon-950: #1d1a19;
}SCSS
$light-chiffon: #f4e7e5;
$light-chiffon-rgb: 244, 231, 229;
$light-chiffon-light: mix(#fff, $light-chiffon, 20%);
$light-chiffon-dark: mix(#000, $light-chiffon, 20%);
.element {
color: $light-chiffon;
box-shadow: 0 0 0 2px rgba($light-chiffon, 0.35);
}