이름 색상 · #F3D49D
Marquisette
Marquisette은(는) #F3D49D: rgb(243 212 157), hsl(38 78% 78%), oklch(0.883 0.079 81.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Marquisette color name →
#F3D49D
oklch(0.883 0.079 81.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F4D8A7
- F6DDB1
- F7E1BB
- F8E5C5
- F9EACF
- FAEED8
- FCF2E2
- FDF7EC
- FEFBF5
셰이드
- D3B888
- B49D73
- 97835F
- 7A694C
- 5E513A
- 443A28
- 2B2418
- 141009
- 030201
톤
- E7CB9B
- DBC398
- CFBA95
- C4B293
- B8A990
- ADA18D
- A1998A
- 969087
- 8B8883
색 조화
보색 +180°
- F3D49D
Marquisette
- C4D9FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- F3D49D
Marquisette
- FFCCAF
≈ Blushing Cherub
- DADEA2
≈ Burgundy Grey
삼각 배색 +120° +240°
- F3D49D
Marquisette
- 98E9EE
≈ Freezy Breezy
- F1C8F8
≈ Aquarelle Lilac
분열 보색 +150° +210°
- F3D49D
Marquisette
- AAE2FF
≈ Frozen Landscape
- D8D2FF
≈ Pale Lavender
사각 배색 +90° +180° +270°
- F3D49D
Marquisette
- A2EAD2
≈ Sweet Aqua
- C4D9FF
≈ Pale Phthalo Blue
- FFC6DE
≈ Sweet Romance
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.71:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
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);
}