Benoemde kleur · #F4E7E5
Light Chiffon
Light Chiffon is #F4E7E5: rgb(244 231 229), hsl(8 41% 93%), oklch(0.938 0.014 28). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Light Chiffon color name →
#F4E7E5
oklch(0.938 0.014 28)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- F5E9E8
- F6ECEA
- F7EEED
- F8F1EF
- FAF3F2
- FBF5F5
- FCF8F7
- FDFAFA
- FEFDFC
Schaduwen
- D4C9C7
- B5ABAA
- 978F8E
- 7A7372
- 5E5958
- 44403F
- 2B2828
- 141312
- 030303
Tonen
- E8DCDA
- DCD2D0
- D0C7C6
- C4BCBB
- B8B2B1
- ADA8A7
- A19E9D
- 969493
- 8B8A8A
Kleurharmonieën
Complementair +180°
- F4E7E5
Light Chiffon
- E0EDEF
≈ Aquifer
Analoog -30° +30°
- F4E7E5
Light Chiffon
- F3E7EA
≈ White-Red
- F2E8E1
≈ Quartz White
Triadisch +120° +240°
- F4E7E5
Light Chiffon
- E4EDE5
≈ Molten Ice
- E6EAF4
≈ Whisper Blue
Gesplitst complementair +150° +210°
- F4E7E5
Light Chiffon
- E1EEEA
≈ Thawed Out
- E2ECF3
≈ Out Cold
Tetradisch +90° +180° +270°
- F4E7E5
Light Chiffon
- E9ECE1
≈ Winter Glaze
- E0EDEF
≈ Aquifer
- EBE8F3
≈ Tranquil Eve
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.40:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
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);
}