Couleur nommée · #F4E5B7
Martica
Martica correspond à #F4E5B7 : rgb(244 229 183), hsl(45 73% 84%), oklch(0.923 0.062 92.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Martica color name →
#F4E5B7
oklch(0.923 0.062 92.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- F5E8BE
- F6EAC6
- F7EDCD
- F8F0D4
- F9F2DB
- FBF5E3
- FCF7EA
- FDFAF1
- FEFCF8
Ombres
- D4C79F
- B5AA87
- 978E70
- 7A725A
- 5E5845
- 443F31
- 2B281E
- 14120C
- 030302
Tons
- E8DAB2
- DCD0AC
- D0C6A7
- C4BBA1
- B8B19C
- ADA796
- A19D91
- 96938B
- 8B8A86
Harmonies de couleurs
Complémentaire +180°
- F4E5B7
Martica
- DDE5FF
≈ Lavender Mist
Analogue -30° +30°
- F4E5B7
Martica
- FFDFC4
≈ Sand Muffin
- DEEDBF
≈ Mellow Mint
Triadique +120° +240°
- F4E5B7
Martica
- B6F1FE
≈ Northrend
- FFD7F8
≈ Strawberry Frost
Complémentaire divisée +150° +210°
- F4E5B7
Martica
- CFEAFF
≈ Veiling Waterfalls
- EBDFFF
≈ Lavender Savour
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.73:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
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);
}