이름 색상 · #F0BE3A
Golden Mary
Golden Mary은(는) #F0BE3A: rgb(240 190 58), hsl(44 86% 58%), oklch(0.825 0.151 86.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Golden Mary color name →
#F0BE3A
oklch(0.825 0.151 86.8)
색상 변환
- HEX
- #f0be3a
- RGB
- rgb(240 190 58)
- HSL
- hsl(44 86% 58%)
- HWB
- hwb(44 23% 6%)
- OKLCH
- oklch(0.825 0.151 86.8)
- OKLab
- oklab(0.825 0.008 0.151)
- CIE Lab
- lab(79.93 9.62 69.02)
- LCH
- lch(79.93 69.68 82.1)
- CMYK
- cmyk(0% 21% 76% 6%)
틴트 · 셰이드 · 톤
틴트
- F2C557
- F3CC6E
- F5D283
- F6D996
- F8E0A8
- F9E6BA
- FBECCC
- FCF3DD
- FEF9EE
셰이드
- D1A531
- B28C28
- 957520
- 785E18
- 5D4810
- 433309
- 2A1F04
- 140D01
- 030200
톤
- E4B849
- D9B254
- CDAC5D
- C2A664
- B7A06B
- AC9970
- A19375
- 968D79
- 8B867D
색 조화
보색 +180°
- F0BE3A
Golden Mary
- ACC5FF
≈ Night Snow
유사색 -30° +30°
- F0BE3A
Golden Mary
- FFB279
≈ Isn’t It Just Peachy
- BFD254
≈ Clown Green
삼각 배색 +120° +240°
- F0BE3A
Golden Mary
- 00DFF3
≈ Tamarama
- F9A1F9
≈ Rich Brilliant Lavender
분열 보색 +150° +210°
- F0BE3A
Golden Mary
- 83D0FF
≈ Drift on the Sea
- CCB8FF
≈ Violet Heaven
사각 배색 +90° +180° +270°
- F0BE3A
Golden Mary
- 13E5C3
≈ Fake Jade
- ACC5FF
≈ Night Snow
- FFA8C7
≈ Taffy Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.13:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.13:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--golden-mary: #f0be3a;
--golden-mary-rgb: 240 190 58;
--golden-mary-oklch: oklch(0.825 0.151 86.8);
}
.element {
color: var(--golden-mary);
background-color: hsl(44 86% 58%);
border-color: oklch(0.825 0.151 86.8);
}Tailwind CSS v4
@theme {
--color-golden-mary: #f0be3a;
--color-golden-mary-50: #fff4c4;
--color-golden-mary-100: #fce6ae;
--color-golden-mary-200: #eed187;
--color-golden-mary-300: #d7b354;
--color-golden-mary-400: #c59700;
--color-golden-mary-500: #b17c00;
--color-golden-mary-600: #966900;
--color-golden-mary-700: #785400;
--color-golden-mary-800: #5a3c00;
--color-golden-mary-900: #3f2900;
--color-golden-mary-950: #281700;
}SCSS
$golden-mary: #f0be3a;
$golden-mary-rgb: 240, 190, 58;
$golden-mary-light: mix(#fff, $golden-mary, 20%);
$golden-mary-dark: mix(#000, $golden-mary, 20%);
.element {
color: $golden-mary;
box-shadow: 0 0 0 2px rgba($golden-mary, 0.35);
}