이름 색상 · #F3BE67
Mirabelle Yellow
Mirabelle Yellow은(는) #F3BE67: rgb(243 190 103), hsl(37 85% 68%), oklch(0.832 0.121 78.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Mirabelle Yellow color name →
#F3BE67
oklch(0.832 0.121 78.2)
색상 변환
- HEX
- #f3be67
- RGB
- rgb(243 190 103)
- HSL
- hsl(37 85% 68%)
- HWB
- hwb(37 40% 5%)
- OKLCH
- oklch(0.832 0.121 78.2)
- OKLab
- oklab(0.832 0.025 0.119)
- CIE Lab
- lab(80.56 12.68 50.88)
- LCH
- lch(80.56 52.44 76)
- CMYK
- cmyk(0% 22% 58% 5%)
틴트 · 셰이드 · 톤
틴트
- F5C578
- F6CB89
- F7D298
- F9D9A8
- FADFB7
- FBE6C5
- FCECD4
- FDF2E2
- FEF9F1
셰이드
- D3A559
- B48C4B
- 97753D
- 7A5E30
- 5E4823
- 443317
- 2B1F0C
- 140D04
- 030200
톤
- E7B86C
- DBB270
- D0AC73
- C4A576
- B89F79
- AD997B
- A2937C
- 968D7E
- 8B867F
색 조화
보색 +180°
- F3BE67
Mirabelle Yellow
- A6CAFF
≈ Night Snow
유사색 -30° +30°
- F3BE67
Mirabelle Yellow
- FFB48D
≈ Coral Dusk
- CFCE6C
≈ Force of Nature
삼각 배색 +120° +240°
- F3BE67
Mirabelle Yellow
- 4FE0E5
≈ Neon Nazar
- E9AFFB
≈ Candy Dreams
분열 보색 +150° +210°
- F3BE67
Mirabelle Yellow
- 76D6FF
≈ Sky
- C5BFFF
≈ Lavender Tonic
사각 배색 +90° +180° +270°
- F3BE67
Mirabelle Yellow
- 6DE1B9
≈ Ocean in a Bowl
- A6CAFF
≈ Night Snow
- FFAAD5
≈ Fresh Gum
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.37:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--mirabelle-yellow: #f3be67;
--mirabelle-yellow-rgb: 243 190 103;
--mirabelle-yellow-oklch: oklch(0.832 0.121 78.2);
}
.element {
color: var(--mirabelle-yellow);
background-color: hsl(37 85% 68%);
border-color: oklch(0.832 0.121 78.2);
}Tailwind CSS v4
@theme {
--color-mirabelle-yellow: #f3be67;
--color-mirabelle-yellow-50: #fff2cf;
--color-mirabelle-yellow-100: #fde4bb;
--color-mirabelle-yellow-200: #f0cf99;
--color-mirabelle-yellow-300: #d8b16d;
--color-mirabelle-yellow-400: #c59542;
--color-mirabelle-yellow-500: #b17a00;
--color-mirabelle-yellow-600: #966800;
--color-mirabelle-yellow-700: #785302;
--color-mirabelle-yellow-800: #5a3c02;
--color-mirabelle-yellow-900: #3f2902;
--color-mirabelle-yellow-950: #281600;
}SCSS
$mirabelle-yellow: #f3be67;
$mirabelle-yellow-rgb: 243, 190, 103;
$mirabelle-yellow-light: mix(#fff, $mirabelle-yellow, 20%);
$mirabelle-yellow-dark: mix(#000, $mirabelle-yellow, 20%);
.element {
color: $mirabelle-yellow;
box-shadow: 0 0 0 2px rgba($mirabelle-yellow, 0.35);
}