Colore con nome più vicino · #F3E8D0
#F3E8D0
Colore con nome più vicino: Imperial Ivory
#F3E8D0 (rgb(243 232 208), hsl(41 59% 88%), oklch(0.933 0.034 86.3)) è più vicino al colore con nome Imperial Ivory. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#F3E8D0
oklch(0.933 0.034 86.3)
Conversioni di colore
- HEX
- #f3e8d0
- RGB
- rgb(243 232 208)
- HSL
- hsl(41 59% 88%)
- HWB
- hwb(41 82% 5%)
- OKLCH
- oklch(0.933 0.034 86.3)
- OKLab
- oklab(0.933 0.002 0.034)
- CIE Lab
- lab(92.4 0.96 13.13)
- LCH
- lch(92.4 13.16 85.8)
- CMYK
- cmyk(0% 5% 14% 5%)
Tinte · Ombre · Toni
Tinte
- F4EAD5
- F5EDD9
- F7EFDE
- F8F1E3
- F9F4E8
- FAF6EC
- FBF8F1
- FDFAF6
- FEFDFA
Ombre
- D3CAB5
- B4AC9A
- 979080
- 7A7467
- 5E594F
- 444039
- 2B2923
- 141310
- 030302
Toni
- E7DDC8
- DBD2C0
- CFC8B7
- C3BDAF
- B8B3A7
- ACA89F
- A19E97
- 969490
- 8B8A88
Armonie di colore
Complementare +180°
- F3E8D0
Imperial Ivory
- DFE9FF
≈ Husky
Analogo -30° +30°
- F3E8D0
Imperial Ivory
- FCE4D4
≈ Shell Ginger
- E7ECD3
≈ Just Perfect
Triadico +120° +240°
- F3E8D0
Imperial Ivory
- D0F0F4
≈ Diamond League
- F6E2F5
≈ Minute Mauve
Complementare divisa +150° +210°
- F3E8D0
Imperial Ivory
- D5EDFD
≈ Ice Castle
- EBE5FE
≈ Cyber Lavender
Tetradico +90° +180° +270°
- F3E8D0
Imperial Ivory
- D2F1E8
≈ Minty Fresh
- DFE9FF
≈ Husky
- FDE0E9
≈ Watermelon Mousse
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.26:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.26:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--imperial-ivory: #f3e8d0;
--imperial-ivory-rgb: 243 232 208;
--imperial-ivory-oklch: oklch(0.933 0.034 86.3);
}
.element {
color: var(--imperial-ivory);
background-color: hsl(41 59% 88%);
border-color: oklch(0.933 0.034 86.3);
}Tailwind CSS v4
@theme {
--color-imperial-ivory: #f3e8d0;
--color-imperial-ivory-50: #f9f5ea;
--color-imperial-ivory-100: #ece7db;
--color-imperial-ivory-200: #dad4c4;
--color-imperial-ivory-300: #beb7a4;
--color-imperial-ivory-400: #a79d88;
--color-imperial-ivory-500: #90856d;
--color-imperial-ivory-600: #7a715c;
--color-imperial-ivory-700: #625a4a;
--color-imperial-ivory-800: #484235;
--color-imperial-ivory-900: #322d24;
--color-imperial-ivory-950: #1e1a13;
}SCSS
$imperial-ivory: #f3e8d0;
$imperial-ivory-rgb: 243, 232, 208;
$imperial-ivory-light: mix(#fff, $imperial-ivory, 20%);
$imperial-ivory-dark: mix(#000, $imperial-ivory, 20%);
.element {
color: $imperial-ivory;
box-shadow: 0 0 0 2px rgba($imperial-ivory, 0.35);
}