Colore con nome · #F4EEE0
Béchamel
Béchamel è #F4EEE0: rgb(244 238 224), hsl(42 48% 92%), oklch(0.95 0.02 87.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Béchamel color name →
#F4EEE0
oklch(0.95 0.02 87.5)
Conversioni di colore
- HEX
- #f4eee0
- RGB
- rgb(244 238 224)
- HSL
- hsl(42 48% 92%)
- HWB
- hwb(42 88% 4%)
- OKLCH
- oklch(0.95 0.02 87.5)
- OKLab
- oklab(0.95 0.001 0.02)
- CIE Lab
- lab(94.29 0.33 7.55)
- LCH
- lch(94.29 7.56 87.5)
- CMYK
- cmyk(0% 2% 8% 4%)
Tinte · Ombre · Toni
Tinte
- F5F0E3
- F6F1E6
- F7F3E9
- F8F5EC
- F9F6EF
- FBF8F3
- FCFAF6
- FDFCF9
- FEFDFC
Ombre
- D4CFC3
- B5B1A6
- 97938A
- 7A7770
- 5E5C56
- 44423E
- 2B2A27
- 141412
- 030302
Toni
- E8E2D6
- DCD7CC
- D0CCC2
- C4C1B8
- B8B5AF
- ADAAA5
- A1A09C
- 969592
- 8B8A89
Armonie di colore
Complementare +180°
- F4EEE0
Béchamel
- E9EEFC
≈ Brilliant White
Analogo -30° +30°
- F4EEE0
Béchamel
- F9ECE2
≈ White Canvas
- EDF0E2
≈ Aspen Whisper
Triadico +120° +240°
- F4EEE0
Béchamel
- E0F3F5
≈ Bone-Chilling
- F6EAF5
≈ Perfume Haze
Complementare divisa +150° +210°
- F4EEE0
Béchamel
- E3F1FA
≈ Clear Vision
- F0ECFA
≈ Placebo Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.15:1 · APCA Lc 7
Ag
AAASu nero
WCAG 18.15:1 · APCA Lc 97
Miglior colore del testo: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--bechamel: #f4eee0;
--bechamel-rgb: 244 238 224;
--bechamel-oklch: oklch(0.95 0.02 87.5);
}
.element {
color: var(--bechamel);
background-color: hsl(42 48% 92%);
border-color: oklch(0.95 0.02 87.5);
}Tailwind CSS v4
@theme {
--color-bechamel: #f4eee0;
--color-bechamel-50: #f7f5ef;
--color-bechamel-100: #eae8e1;
--color-bechamel-200: #d7d4cb;
--color-bechamel-300: #bbb7ac;
--color-bechamel-400: #a39e92;
--color-bechamel-500: #8c8678;
--color-bechamel-600: #767165;
--color-bechamel-700: #5e5a51;
--color-bechamel-800: #45423b;
--color-bechamel-900: #302e28;
--color-bechamel-950: #1c1a16;
}SCSS
$bechamel: #f4eee0;
$bechamel-rgb: 244, 238, 224;
$bechamel-light: mix(#fff, $bechamel, 20%);
$bechamel-dark: mix(#000, $bechamel, 20%);
.element {
color: $bechamel;
box-shadow: 0 0 0 2px rgba($bechamel, 0.35);
}