이름 색상 · #B79400
Main Mast Gold
Main Mast Gold은(는) #B79400: rgb(183 148 0), hsl(49 100% 36%), oklch(0.679 0.139 91.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Main Mast Gold color name →
#B79400
oklch(0.679 0.139 91.9)
색상 변환
- HEX
- #b79400
- RGB
- rgb(183 148 0)
- HSL
- hsl(49 100% 36%)
- HWB
- hwb(49 0% 28%)
- OKLCH
- oklch(0.679 0.139 91.9)
- OKLab
- oklab(0.679 -0.005 0.139)
- CIE Lab
- lab(63.15 5.21 66.49)
- LCH
- lch(63.15 66.69 85.5)
- CMYK
- cmyk(0% 19% 100% 28%)
틴트 · 셰이드 · 톤
틴트
- BE9F37
- C5AA53
- CCB46B
- D3BF81
- DBCA97
- E2D4AC
- E9DFC1
- F0EAD5
- F8F4EA
셰이드
- 9F8000
- 876D00
- 705A00
- 5A4800
- 453600
- 312600
- 1E1600
- 0C0800
- 020100
톤
- B19226
- AC9138
- A68F46
- A18D51
- 9B8B5A
- 968963
- 90876B
- 8B8572
- 858279
색 조화
보색 +180°
- B79400
Main Mast Gold
- 7A91ED
≈ Guilliman Blue
유사색 -30° +30°
- B79400
Main Mast Gold
- D4822C
≈ Yellow Mandarin
- 8AA536
≈ Beautiful Mint
삼각 배색 +120° +240°
- B79400
Main Mast Gold
- 00ABC2
≈ Sarah’s Garden
- C976BE
≈ Gulābī Pink
분열 보색 +150° +210°
- B79400
Main Mast Gold
- 36A1E6
≈ Perfect Days
- A882DF
≈ Lavender Blossom
사각 배색 +90° +180° +270°
- B79400
Main Mast Gold
- 00B09D
≈ Pool Green
- 7A91ED
≈ Guilliman Blue
- DC7091
≈ Oxford Sausage
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.89:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.24:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.24:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--main-mast-gold: #b79400;
--main-mast-gold-rgb: 183 148 0;
--main-mast-gold-oklch: oklch(0.679 0.139 91.9);
}
.element {
color: var(--main-mast-gold);
background-color: hsl(49 100% 36%);
border-color: oklch(0.679 0.139 91.9);
}Tailwind CSS v4
@theme {
--color-main-mast-gold: #b79400;
--color-main-mast-gold-50: #fff5c9;
--color-main-mast-gold-100: #f7e8b3;
--color-main-mast-gold-200: #e8d48f;
--color-main-mast-gold-300: #cfb65f;
--color-main-mast-gold-400: #bc9b26;
--color-main-mast-gold-500: #a78100;
--color-main-mast-gold-600: #8d6d00;
--color-main-mast-gold-700: #715700;
--color-main-mast-gold-800: #553f00;
--color-main-mast-gold-900: #3b2b00;
--color-main-mast-gold-950: #251800;
}SCSS
$main-mast-gold: #b79400;
$main-mast-gold-rgb: 183, 148, 0;
$main-mast-gold-light: mix(#fff, $main-mast-gold, 20%);
$main-mast-gold-dark: mix(#000, $main-mast-gold, 20%);
.element {
color: $main-mast-gold;
box-shadow: 0 0 0 2px rgba($main-mast-gold, 0.35);
}