Colore con nome · #FAF3DC
Eternal White
Eternal White è #FAF3DC: rgb(250 243 220), hsl(46 75% 92%), oklch(0.964 0.031 92.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Eternal White color name →
#FAF3DC
oklch(0.964 0.031 92.9)
Conversioni di colore
- HEX
- #faf3dc
- RGB
- rgb(250 243 220)
- HSL
- hsl(46 75% 92%)
- HWB
- hwb(46 86% 2%)
- OKLCH
- oklch(0.964 0.031 92.9)
- OKLab
- oklab(0.964 -0.002 0.031)
- CIE Lab
- lab(95.94 -0.38 12.02)
- LCH
- lch(95.94 12.02 91.8)
- CMYK
- cmyk(0% 3% 12% 2%)
Tinte · Ombre · Toni
Tinte
- FAF4E0
- FBF5E3
- FBF7E7
- FCF8EA
- FCF9EE
- FDFAF1
- FDFBF5
- FEFDF8
- FEFEFC
Ombre
- D9D3BF
- BAB4A3
- 9B9788
- 7D7A6E
- 615E54
- 46443C
- 2D2B26
- 151411
- 030302
Toni
- EDE7D2
- E0DBC9
- D4CFC0
- C7C3B6
- BBB8AD
- AFACA4
- A3A19B
- 979692
- 8B8B89
Armonie di colore
Complementare +180°
- FAF3DC
Eternal White
- EFF3FF
≈ Placebo Blue
Analogo -30° +30°
- FAF3DC
Eternal White
- FFF0E3
≈ Rice Pudding
- EFF7E0
≈ Lemon Sugar
Triadico +120° +240°
- FAF3DC
Eternal White
- DDF9FF
≈ Glacial Day
- FFEDFB
≈ Partial Pink
Complementare divisa +150° +210°
- FAF3DC
Eternal White
- E9F5FF
≈ Moon White
- F6F0FF
≈ Cloud Break
Tetradico +90° +180° +270°
- FAF3DC
Eternal White
- DDFAF5
≈ Mint Condition
- EFF3FF
≈ Placebo Blue
- FFEEF2
≈ Sugar Coated
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.91:1 · APCA Lc 100
Miglior colore del testo: #000000
WCAG 18.91:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--eternal-white: #faf3dc;
--eternal-white-rgb: 250 243 220;
--eternal-white-oklch: oklch(0.964 0.031 92.9);
}
.element {
color: var(--eternal-white);
background-color: hsl(46 75% 92%);
border-color: oklch(0.964 0.031 92.9);
}Tailwind CSS v4
@theme {
--color-eternal-white: #faf3dc;
--color-eternal-white-50: #f8f5eb;
--color-eternal-white-100: #ebe8dd;
--color-eternal-white-200: #d8d4c6;
--color-eternal-white-300: #bcb8a6;
--color-eternal-white-400: #a59e8a;
--color-eternal-white-500: #8d866f;
--color-eternal-white-600: #77715e;
--color-eternal-white-700: #5f5b4b;
--color-eternal-white-800: #464236;
--color-eternal-white-900: #312e25;
--color-eternal-white-950: #1d1a14;
}SCSS
$eternal-white: #faf3dc;
$eternal-white-rgb: 250, 243, 220;
$eternal-white-light: mix(#fff, $eternal-white, 20%);
$eternal-white-dark: mix(#000, $eternal-white, 20%);
.element {
color: $eternal-white;
box-shadow: 0 0 0 2px rgba($eternal-white, 0.35);
}