Named color · #B79400
Main Mast Gold
Main Mast Gold is #B79400: rgb(183 148 0), hsl(49 100% 36%), oklch(0.679 0.139 91.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Main Mast Gold color name →
#B79400
oklch(0.679 0.139 91.9)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- BE9F37
- C5AA53
- CCB46B
- D3BF81
- DBCA97
- E2D4AC
- E9DFC1
- F0EAD5
- F8F4EA
Shades
- 9F8000
- 876D00
- 705A00
- 5A4800
- 453600
- 312600
- 1E1600
- 0C0800
- 020100
Tones
- B19226
- AC9138
- A68F46
- A18D51
- 9B8B5A
- 968963
- 90876B
- 8B8572
- 858279
Color harmonies
Complementary +180°
- B79400
Main Mast Gold
- 7A91ED
≈ Guilliman Blue
Analogous -30° +30°
- B79400
Main Mast Gold
- D4822C
≈ Yellow Mandarin
- 8AA536
≈ Beautiful Mint
Triadic +120° +240°
- B79400
Main Mast Gold
- 00ABC2
≈ Sarah’s Garden
- C976BE
≈ Gulābī Pink
Split-complementary +150° +210°
- B79400
Main Mast Gold
- 36A1E6
≈ Perfect Days
- A882DF
≈ Lavender Blossom
Tetradic +90° +180° +270°
- B79400
Main Mast Gold
- 00B09D
≈ Pool Green
- 7A91ED
≈ Guilliman Blue
- DC7091
≈ Oxford Sausage
Contrast & accessibility
Ag
FailOn white
WCAG 2.89:1 · APCA Lc 55
Ag
AAAOn black
WCAG 7.24:1 · APCA Lc 47
Best text color: #000000
WCAG 7.24:1 (AAA) · APCA Lc 47
Contrast pairs
Code snippets
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);
}