Nazwany kolor · #735B3B
Bee Master
Bee Master to #735B3B: rgb(115 91 59), hsl(34 32% 34%), oklch(0.487 0.056 73.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Bee Master color name →
#735B3B
oklch(0.487 0.056 73.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 806A4D
- 8E7A60
- 9B8972
- A99986
- B7AA99
- C5BAAD
- D3CBC1
- E2DCD5
- F0EDEA
Odcienie ciemniejsze
- 634E32
- 544129
- 453521
- 362919
- 281E11
- 1B1309
- 0F0904
- 050301
- 010000
Tony
- 745F42
- 766249
- 776650
- 796A57
- 7A6E5E
- 7B7165
- 7C756C
- 7E7972
- 7F7C79
Harmonie kolorów
Komplementarna +180°
- 735B3B
Bee Master
- 49627F
≈ Stellar
Analogowa -30° +30°
- 735B3B
Bee Master
- 7B5546
≈ Roxy Brown
- 65613B
≈ Glossy Olive
Triada +120° +240°
- 735B3B
Bee Master
- 356A69
≈ North Sea
- 6B5676
≈ Basil Mauve
Komplementarna rozszczepiona +150° +210°
- 735B3B
Bee Master
- 3A6777
≈ Barbados
- 5B5C7F
≈ Deep Lavender
Tetrada +90° +180° +270°
- 735B3B
Bee Master
- 406A57
≈ June Ivy
- 49627F
≈ Stellar
- 775368
≈ Berry Conserve
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.38:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.28:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}