Colore con nome più vicino · #F4EAEC
#F4EAEC
Colore con nome più vicino: White Christmas
#F4EAEC (rgb(244 234 236), hsl(348 31% 94%), oklch(0.945 0.011 3.5)) è più vicino al colore con nome White Christmas. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#F4EAEC
oklch(0.945 0.011 3.5)
Conversioni di colore
- HEX
- #f4eaec
- RGB
- rgb(244 234 236)
- HSL
- hsl(348 31% 94%)
- HWB
- hwb(348 92% 4%)
- OKLCH
- oklch(0.945 0.011 3.5)
- OKLab
- oklab(0.945 0.011 0.001)
- CIE Lab
- lab(93.54 3.75 0.3)
- LCH
- lch(93.54 3.76 4.5)
- CMYK
- cmyk(0% 4% 3% 4%)
Tinte · Ombre · Toni
Tinte
- F5ECEE
- F6EEF0
- F7F0F2
- F8F2F4
- FAF4F5
- FBF7F7
- FCF9F9
- FDFBFB
- FEFDFD
Ombre
- D4CBCD
- B5AEAF
- 979192
- 7A7576
- 5E5A5B
- 444142
- 2B2929
- 141313
- 030303
Toni
- E8DFE1
- DCD4D5
- D0C9CA
- C4BEBF
- B8B4B4
- ADA9AA
- A19F9F
- 969495
- 8B8A8A
Armonie di colore
Complementare +180°
- F4EAEC
White Christmas
- E5F0EE
≈ Cloud
Analogo -30° +30°
- F4EAEC
White Christmas
- F2EAF0
≈ Snow Plum
- F4EAE8
≈ Wispy Pink
Triadico +120° +240°
- F4EAEC
White Christmas
- EBEEE6
≈ Crème Fraîche
- E7EEF4
≈ Walls of Santorini
Complementare divisa +150° +210°
- F4EAEC
White Christmas
- E8EFE9
≈ Gossamer Wings
- E5EFF1
≈ Sheikh Zayed White
Tetradico +90° +180° +270°
- F4EAEC
White Christmas
- EFEDE5
≈ Salt
- E5F0EE
≈ Cloud
- EAEDF5
≈ Coconut White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.82:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.82:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--white-christmas: #f4eaec;
--white-christmas-rgb: 244 234 236;
--white-christmas-oklch: oklch(0.945 0.011 3.5);
}
.element {
color: var(--white-christmas);
background-color: hsl(348 31% 94%);
border-color: oklch(0.945 0.011 3.5);
}Tailwind CSS v4
@theme {
--color-white-christmas: #f4eaec;
--color-white-christmas-50: #f8f4f4;
--color-white-christmas-100: #ebe6e7;
--color-white-christmas-200: #d9d2d3;
--color-white-christmas-300: #bdb5b6;
--color-white-christmas-400: #a59c9e;
--color-white-christmas-500: #8d8385;
--color-white-christmas-600: #776f71;
--color-white-christmas-700: #5f595a;
--color-white-christmas-800: #464142;
--color-white-christmas-900: #302d2e;
--color-white-christmas-950: #1d1a1a;
}SCSS
$white-christmas: #f4eaec;
$white-christmas-rgb: 244, 234, 236;
$white-christmas-light: mix(#fff, $white-christmas, 20%);
$white-christmas-dark: mix(#000, $white-christmas, 20%);
.element {
color: $white-christmas;
box-shadow: 0 0 0 2px rgba($white-christmas, 0.35);
}