Named color · #735B3B
Bee Master
Bee Master is #735B3B: rgb(115 91 59), hsl(34 32% 34%), oklch(0.487 0.056 73.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Bee Master color name →
#735B3B
oklch(0.487 0.056 73.9)
Color conversions
- HEX
- #735b3b
- RGB
- rgb(115 91 59)
- HSL
- hsl(34 32% 34%)
- HWB
- hwb(34 23% 55%)
- OKLCH
- oklch(0.487 0.056 73.9)
- OKLab
- oklab(0.487 0.016 0.054)
- CIE Lab
- lab(40.54 6.83 22.33)
- LCH
- lch(40.54 23.35 73)
- CMYK
- cmyk(0% 21% 49% 55%)
Tints · Shades · Tones
Tints
- 806A4D
- 8E7A60
- 9B8972
- A99986
- B7AA99
- C5BAAD
- D3CBC1
- E2DCD5
- F0EDEA
Shades
- 634E32
- 544129
- 453521
- 362919
- 281E11
- 1B1309
- 0F0904
- 050301
- 010000
Tones
- 745F42
- 766249
- 776650
- 796A57
- 7A6E5E
- 7B7165
- 7C756C
- 7E7972
- 7F7C79
Color harmonies
Complementary +180°
- 735B3B
Bee Master
- 49627F
≈ Stellar
Analogous -30° +30°
- 735B3B
Bee Master
- 7B5546
≈ Roxy Brown
- 65613B
≈ Glossy Olive
Triadic +120° +240°
- 735B3B
Bee Master
- 356A69
≈ North Sea
- 6B5676
≈ Basil Mauve
Split-complementary +150° +210°
- 735B3B
Bee Master
- 3A6777
≈ Barbados
- 5B5C7F
≈ Deep Lavender
Tetradic +90° +180° +270°
- 735B3B
Bee Master
- 406A57
≈ June Ivy
- 49627F
≈ Stellar
- 775368
≈ Berry Conserve
Contrast & accessibility
Ag
AAOn white
WCAG 6.38:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.28:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--bee-master: #735b3b;
--bee-master-rgb: 115 91 59;
--bee-master-oklch: oklch(0.487 0.056 73.9);
}
.element {
color: var(--bee-master);
background-color: hsl(34 32% 34%);
border-color: oklch(0.487 0.056 73.9);
}Tailwind CSS v4
@theme {
--color-bee-master: #735b3b;
--color-bee-master-50: #fff3e4;
--color-bee-master-100: #f3e6d4;
--color-bee-master-200: #e2d2ba;
--color-bee-master-300: #c8b498;
--color-bee-master-400: #b39a7a;
--color-bee-master-500: #9d815c;
--color-bee-master-600: #856d4e;
--color-bee-master-700: #6a573e;
--color-bee-master-800: #4f3f2d;
--color-bee-master-900: #372c1e;
--color-bee-master-950: #22190e;
}SCSS
$bee-master: #735b3b;
$bee-master-rgb: 115, 91, 59;
$bee-master-light: mix(#fff, $bee-master, 20%);
$bee-master-dark: mix(#000, $bee-master, 20%);
.element {
color: $bee-master;
box-shadow: 0 0 0 2px rgba($bee-master, 0.35);
}