Colore con nome · #F3D49D
Marquisette
Marquisette è #F3D49D: rgb(243 212 157), hsl(38 78% 78%), oklch(0.883 0.079 81.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Marquisette color name →
#F3D49D
oklch(0.883 0.079 81.6)
Conversioni di colore
- HEX
- #f3d49d
- RGB
- rgb(243 212 157)
- HSL
- hsl(38 78% 78%)
- HWB
- hwb(38 62% 5%)
- OKLCH
- oklch(0.883 0.079 81.6)
- OKLab
- oklab(0.883 0.011 0.078)
- CIE Lab
- lab(86.59 5.57 31.47)
- LCH
- lch(86.59 31.96 80)
- CMYK
- cmyk(0% 13% 35% 5%)
Tinte · Ombre · Toni
Tinte
- F4D8A7
- F6DDB1
- F7E1BB
- F8E5C5
- F9EACF
- FAEED8
- FCF2E2
- FDF7EC
- FEFBF5
Ombre
- D3B888
- B49D73
- 97835F
- 7A694C
- 5E513A
- 443A28
- 2B2418
- 141009
- 030201
Toni
- E7CB9B
- DBC398
- CFBA95
- C4B293
- B8A990
- ADA18D
- A1998A
- 969087
- 8B8883
Armonie di colore
Complementare +180°
- F3D49D
Marquisette
- C4D9FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- F3D49D
Marquisette
- FFCCAF
≈ Blushing Cherub
- DADEA2
≈ Burgundy Grey
Triadico +120° +240°
- F3D49D
Marquisette
- 98E9EE
≈ Freezy Breezy
- F1C8F8
≈ Aquarelle Lilac
Complementare divisa +150° +210°
- F3D49D
Marquisette
- AAE2FF
≈ Frozen Landscape
- D8D2FF
≈ Pale Lavender
Tetradico +90° +180° +270°
- F3D49D
Marquisette
- A2EAD2
≈ Sweet Aqua
- C4D9FF
≈ Pale Phthalo Blue
- FFC6DE
≈ Sweet Romance
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.71:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--marquisette: #f3d49d;
--marquisette-rgb: 243 212 157;
--marquisette-oklch: oklch(0.883 0.079 81.6);
}
.element {
color: var(--marquisette);
background-color: hsl(38 78% 78%);
border-color: oklch(0.883 0.079 81.6);
}Tailwind CSS v4
@theme {
--color-marquisette: #f3d49d;
--color-marquisette-50: #fff4dc;
--color-marquisette-100: #f5e6cb;
--color-marquisette-200: #e4d2af;
--color-marquisette-300: #cbb589;
--color-marquisette-400: #b69a68;
--color-marquisette-500: #a18146;
--color-marquisette-600: #886d3c;
--color-marquisette-700: #6d572f;
--color-marquisette-800: #513f21;
--color-marquisette-900: #382c16;
--color-marquisette-950: #231907;
}SCSS
$marquisette: #f3d49d;
$marquisette-rgb: 243, 212, 157;
$marquisette-light: mix(#fff, $marquisette, 20%);
$marquisette-dark: mix(#000, $marquisette, 20%);
.element {
color: $marquisette;
box-shadow: 0 0 0 2px rgba($marquisette, 0.35);
}