Named color · #B8AA7D
Fresh Brew
Fresh Brew is #B8AA7D: rgb(184 170 125), hsl(46 29% 61%), oklch(0.739 0.063 92.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Fresh Brew color name →
#B8AA7D
oklch(0.739 0.063 92.9)
Color conversions
- HEX
- #b8aa7d
- RGB
- rgb(184 170 125)
- HSL
- hsl(46 29% 61%)
- HWB
- hwb(46 49% 28%)
- OKLCH
- oklch(0.739 0.063 92.9)
- OKLab
- oklab(0.739 -0.003 0.063)
- CIE Lab
- lab(69.98 0.15 25.2)
- LCH
- lch(69.98 25.2 89.7)
- CMYK
- cmyk(0% 8% 32% 28%)
Tints · Shades · Tones
Tints
- BFB28A
- C6BB97
- CDC3A3
- D4CCB0
- DBD4BD
- E2DDCA
- E9E5D7
- F0EEE4
- F8F6F2
Shades
- A0936C
- 887D5B
- 71684B
- 5B533B
- 453F2C
- 312D1E
- 1E1B11
- 0C0B05
- 020101
Tones
- B2A67E
- ADA27E
- A79D7F
- A1997F
- 9C9580
- 969180
- 908D80
- 8B8880
- 858480
Color harmonies
Complementary +180°
- B8AA7D
Fresh Brew
- 9DA8D3
≈ Bright Bluebell
Analogous -30° +30°
- B8AA7D
Fresh Brew
- C8A282
≈ Rodeo Dust
- A3B185
≈ Easy Green
Triadic +120° +240°
- B8AA7D
Fresh Brew
- 7BB5C2
≈ Culinary Blue
- C39CBC
≈ Lupine
Split-complementary +150° +210°
- B8AA7D
Fresh Brew
- 88B0CF
≈ Windy Day
- B2A1CC
≈ Purple Rose
Tetradic +90° +180° +270°
- B8AA7D
Fresh Brew
- 7DB8AE
≈ Winter Surf
- 9DA8D3
≈ Bright Bluebell
- CD9AA7
≈ Honey Pink
Contrast & accessibility
Ag
FailOn white
WCAG 2.31:1 · APCA Lc 46
Ag
AAAOn black
WCAG 9.08:1 · APCA Lc 57
Best text color: #000000
WCAG 9.08:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--fresh-brew: #b8aa7d;
--fresh-brew-rgb: 184 170 125;
--fresh-brew-oklch: oklch(0.739 0.063 92.9);
}
.element {
color: var(--fresh-brew);
background-color: hsl(46 29% 61%);
border-color: oklch(0.739 0.063 92.9);
}Tailwind CSS v4
@theme {
--color-fresh-brew: #b8aa7d;
--color-fresh-brew-50: #fbf5e1;
--color-fresh-brew-100: #eee8d1;
--color-fresh-brew-200: #dcd5b7;
--color-fresh-brew-300: #c1b893;
--color-fresh-brew-400: #ab9e74;
--color-fresh-brew-500: #948555;
--color-fresh-brew-600: #7e7148;
--color-fresh-brew-700: #655a39;
--color-fresh-brew-800: #4b4229;
--color-fresh-brew-900: #342d1b;
--color-fresh-brew-950: #1f1a0c;
}SCSS
$fresh-brew: #b8aa7d;
$fresh-brew-rgb: 184, 170, 125;
$fresh-brew-light: mix(#fff, $fresh-brew, 20%);
$fresh-brew-dark: mix(#000, $fresh-brew, 20%);
.element {
color: $fresh-brew;
box-shadow: 0 0 0 2px rgba($fresh-brew, 0.35);
}