Nazwany kolor · #F3D49D
Marquisette
Marquisette to #F3D49D: rgb(243 212 157), hsl(38 78% 78%), oklch(0.883 0.079 81.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Marquisette color name →
#F3D49D
oklch(0.883 0.079 81.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4D8A7
- F6DDB1
- F7E1BB
- F8E5C5
- F9EACF
- FAEED8
- FCF2E2
- FDF7EC
- FEFBF5
Odcienie ciemniejsze
- D3B888
- B49D73
- 97835F
- 7A694C
- 5E513A
- 443A28
- 2B2418
- 141009
- 030201
Tony
- E7CB9B
- DBC398
- CFBA95
- C4B293
- B8A990
- ADA18D
- A1998A
- 969087
- 8B8883
Harmonie kolorów
Komplementarna +180°
- F3D49D
Marquisette
- C4D9FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- F3D49D
Marquisette
- FFCCAF
≈ Blushing Cherub
- DADEA2
≈ Burgundy Grey
Triada +120° +240°
- F3D49D
Marquisette
- 98E9EE
≈ Freezy Breezy
- F1C8F8
≈ Aquarelle Lilac
Komplementarna rozszczepiona +150° +210°
- F3D49D
Marquisette
- AAE2FF
≈ Frozen Landscape
- D8D2FF
≈ Pale Lavender
Tetrada +90° +180° +270°
- F3D49D
Marquisette
- A2EAD2
≈ Sweet Aqua
- C4D9FF
≈ Pale Phthalo Blue
- FFC6DE
≈ Sweet Romance
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.71:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}