Colore con nome · #F4E5B7
Martica
Martica è #F4E5B7: rgb(244 229 183), hsl(45 73% 84%), oklch(0.923 0.062 92.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Martica color name →
#F4E5B7
oklch(0.923 0.062 92.1)
Conversioni di colore
- HEX
- #f4e5b7
- RGB
- rgb(244 229 183)
- HSL
- hsl(45 73% 84%)
- HWB
- hwb(45 72% 4%)
- OKLCH
- oklch(0.923 0.062 92.1)
- OKLab
- oklab(0.923 -0.002 0.062)
- CIE Lab
- lab(91.31 0.12 24.47)
- LCH
- lch(91.31 24.47 89.7)
- CMYK
- cmyk(0% 6% 25% 4%)
Tinte · Ombre · Toni
Tinte
- F5E8BE
- F6EAC6
- F7EDCD
- F8F0D4
- F9F2DB
- FBF5E3
- FCF7EA
- FDFAF1
- FEFCF8
Ombre
- D4C79F
- B5AA87
- 978E70
- 7A725A
- 5E5845
- 443F31
- 2B281E
- 14120C
- 030302
Toni
- E8DAB2
- DCD0AC
- D0C6A7
- C4BBA1
- B8B19C
- ADA796
- A19D91
- 96938B
- 8B8A86
Armonie di colore
Complementare +180°
- F4E5B7
Martica
- DDE5FF
≈ Lavender Mist
Analogo -30° +30°
- F4E5B7
Martica
- FFDFC4
≈ Sand Muffin
- DEEDBF
≈ Mellow Mint
Triadico +120° +240°
- F4E5B7
Martica
- B6F1FE
≈ Northrend
- FFD7F8
≈ Strawberry Frost
Complementare divisa +150° +210°
- F4E5B7
Martica
- CFEAFF
≈ Veiling Waterfalls
- EBDFFF
≈ Lavender Savour
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.73:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--martica: #f4e5b7;
--martica-rgb: 244 229 183;
--martica-oklch: oklch(0.923 0.062 92.1);
}
.element {
color: var(--martica);
background-color: hsl(45 73% 84%);
border-color: oklch(0.923 0.062 92.1);
}Tailwind CSS v4
@theme {
--color-martica: #f4e5b7;
--color-martica-50: #fbf5e2;
--color-martica-100: #eee8d1;
--color-martica-200: #ddd4b7;
--color-martica-300: #c1b794;
--color-martica-400: #ab9e75;
--color-martica-500: #958556;
--color-martica-600: #7e7149;
--color-martica-700: #655a3a;
--color-martica-800: #4b4229;
--color-martica-900: #342d1c;
--color-martica-950: #1f1a0c;
}SCSS
$martica: #f4e5b7;
$martica-rgb: 244, 229, 183;
$martica-light: mix(#fff, $martica, 20%);
$martica-dark: mix(#000, $martica, 20%);
.element {
color: $martica;
box-shadow: 0 0 0 2px rgba($martica, 0.35);
}