Colore con nome · #F1D48A
March Yellow
March Yellow è #F1D48A: rgb(241 212 138), hsl(43 79% 74%), oklch(0.878 0.098 88.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · March Yellow color name →
#F1D48A
oklch(0.878 0.098 88.9)
Conversioni di colore
- HEX
- #f1d48a
- RGB
- rgb(241 212 138)
- HSL
- hsl(43 79% 74%)
- HWB
- hwb(43 54% 5%)
- OKLCH
- oklch(0.878 0.098 88.9)
- OKLab
- oklab(0.878 0.002 0.098)
- CIE Lab
- lab(86.16 3.27 40.45)
- LCH
- lch(86.16 40.58 85.4)
- CMYK
- cmyk(0% 12% 43% 5%)
Tinte · Ombre · Toni
Tinte
- F2D897
- F4DDA3
- F5E1AF
- F7E6BB
- F8EAC6
- FAEED2
- FBF2DD
- FCF7E8
- FEFBF4
Ombre
- D2B877
- B39D65
- 958353
- 796942
- 5D5132
- 433A22
- 2B2414
- 141007
- 030201
Toni
- E5CB8A
- D9C38A
- CEBA89
- C2B288
- B7A987
- ACA186
- A19985
- 969084
- 8B8882
Armonie di colore
Complementare +180°
- F1D48A
March Yellow
- C7D6FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- F1D48A
March Yellow
- FFCBA3
≈ Phenomenal Peach
- D0E096
≈ Charming Green
Triadico +120° +240°
- F1D48A
March Yellow
- 83E9FA
≈ Photon Projector
- FCC0F7
≈ Pink Quartz
Complementare divisa +150° +210°
- F1D48A
March Yellow
- AEDEFF
≈ Droplet
- DDCDFF
≈ Pale Lavender
Tetradico +90° +180° +270°
- F1D48A
March Yellow
- 8AECD8
≈ Tiffany Blue
- C7D6FF
≈ Pale Phthalo Blue
- FFC4D6
≈ Sweet Serenade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.52:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.52:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--march-yellow: #f1d48a;
--march-yellow-rgb: 241 212 138;
--march-yellow-oklch: oklch(0.878 0.098 88.9);
}
.element {
color: var(--march-yellow);
background-color: hsl(43 79% 74%);
border-color: oklch(0.878 0.098 88.9);
}Tailwind CSS v4
@theme {
--color-march-yellow: #f1d48a;
--color-march-yellow-50: #fff5d6;
--color-march-yellow-100: #f4e7c3;
--color-march-yellow-200: #e4d3a5;
--color-march-yellow-300: #cab67d;
--color-march-yellow-400: #b69c57;
--color-march-yellow-500: #a0822d;
--color-march-yellow-600: #886e28;
--color-march-yellow-700: #6d5820;
--color-march-yellow-800: #514015;
--color-march-yellow-900: #382c0d;
--color-march-yellow-950: #231902;
}SCSS
$march-yellow: #f1d48a;
$march-yellow-rgb: 241, 212, 138;
$march-yellow-light: mix(#fff, $march-yellow, 20%);
$march-yellow-dark: mix(#000, $march-yellow, 20%);
.element {
color: $march-yellow;
box-shadow: 0 0 0 2px rgba($march-yellow, 0.35);
}