Named color · #4B2D2A
Barako Brew
Barako Brew is #4B2D2A: rgb(75 45 42), hsl(5 28% 23%), oklch(0.333 0.045 26). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Barako Brew color name →
#4B2D2A
oklch(0.333 0.045 26)
Color conversions
- HEX
- #4b2d2a
- RGB
- rgb(75 45 42)
- HSL
- hsl(5 28% 23%)
- HWB
- hwb(5 16% 71%)
- OKLCH
- oklch(0.333 0.045 26)
- OKLab
- oklab(0.333 0.041 0.02)
- CIE Lab
- lab(22.26 13.91 8.02)
- LCH
- lch(22.26 16.06 30)
- CMYK
- cmyk(0% 40% 44% 71%)
Tints · Shades · Tones
Tints
- 5C3F3C
- 6D524F
- 7E6663
- 907A78
- A28F8D
- B4A5A3
- C6BBB9
- D9D1D0
- ECE8E7
Shades
- 402623
- 351F1C
- 2B1816
- 211110
- 170B0A
- 0E0605
- 060202
- 020101
- 000000
Tones
- 513532
- 563D3A
- 5B4542
- 614D4B
- 665553
- 6B5E5C
- 716665
- 766F6E
- 7B7777
Color harmonies
Complementary +180°
- 4B2D2A
Barako Brew
- 153D42
≈ Ghostlands Coal
Analogous -30° +30°
- 4B2D2A
Barako Brew
- 492C37
≈ Ripe Eggplant
- 48301F
≈ Iroko
Triadic +120° +240°
- 4B2D2A
Barako Brew
- 273D28
≈ Mizukaze Green
- 2B364E
≈ Bunting
Split-complementary +150° +210°
- 4B2D2A
Barako Brew
- 193E35
≈ Botanical Night
- 1E3A4A
≈ Subterranean River
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 12.29:1 · APCA Lc 98
Ag
FailOn black
WCAG 1.70:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.29:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--barako-brew: #4b2d2a;
--barako-brew-rgb: 75 45 42;
--barako-brew-oklch: oklch(0.333 0.045 26);
}
.element {
color: var(--barako-brew);
background-color: hsl(5 28% 23%);
border-color: oklch(0.333 0.045 26);
}Tailwind CSS v4
@theme {
--color-barako-brew: #4b2d2a;
--color-barako-brew-50: #fff1ee;
--color-barako-brew-100: #f7e3e0;
--color-barako-brew-200: #e7cdca;
--color-barako-brew-300: #ceafab;
--color-barako-brew-400: #b89591;
--color-barako-brew-500: #a27b77;
--color-barako-brew-600: #896865;
--color-barako-brew-700: #6e5350;
--color-barako-brew-800: #513c3b;
--color-barako-brew-900: #382a28;
--color-barako-brew-950: #231716;
}SCSS
$barako-brew: #4b2d2a;
$barako-brew-rgb: 75, 45, 42;
$barako-brew-light: mix(#fff, $barako-brew, 20%);
$barako-brew-dark: mix(#000, $barako-brew, 20%);
.element {
color: $barako-brew;
box-shadow: 0 0 0 2px rgba($barako-brew, 0.35);
}