Named color · #B8B19A
Bonsai Pot
Bonsai Pot is #B8B19A: rgb(184 177 154), hsl(46 17% 66%), oklch(0.76 0.033 93). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Bonsai Pot color name →
#B8B19A
oklch(0.76 0.033 93)
Color conversions
- HEX
- #b8b19a
- RGB
- rgb(184 177 154)
- HSL
- hsl(46 17% 66%)
- HWB
- hwb(46 60% 28%)
- OKLCH
- oklch(0.76 0.033 93)
- OKLab
- oklab(0.76 -0.002 0.033)
- CIE Lab
- lab(72.32 -0.32 12.76)
- LCH
- lch(72.32 12.76 91.4)
- CMYK
- cmyk(0% 4% 16% 28%)
Tints · Shades · Tones
Tints
- BFB9A4
- C6C0AE
- CDC8B8
- D4D0C2
- DBD7CC
- E2DFD6
- E9E7E0
- F0EFEA
- F8F7F5
Shades
- A09985
- 888371
- 716C5E
- 5B574B
- 454239
- 312F27
- 1E1C17
- 0C0C09
- 020101
Tones
- B2AC97
- ADA795
- A7A292
- A19D90
- 9C988D
- 96938B
- 908E88
- 8B8A85
- 858583
Color harmonies
Complementary +180°
- B8B19A
Bonsai Pot
- AAB0C7
≈ Meadow Phlox
Analogous -30° +30°
- B8B19A
Bonsai Pot
- C1AD9C
≈ Fall Mood
- ADB59E
≈ Laurel Mist
Triadic +120° +240°
- B8B19A
Bonsai Pot
- 9AB7BE
≈ Peaceful Blue
- BEAABA
≈ Lavender Frost
Split-complementary +150° +210°
- B8B19A
Bonsai Pot
- A0B4C5
≈ Country Air
- B5ACC3
≈ Wisteria Trellis
Tetradic +90° +180° +270°
- B8B19A
Bonsai Pot
- 9BB8B3
≈ Renew Blue
- AAB0C7
≈ Meadow Phlox
- C4A9AF
≈ Violet Ice
Contrast & accessibility
Ag
FailOn white
WCAG 2.14:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.79:1 · APCA Lc 60
Best text color: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--bonsai-pot: #b8b19a;
--bonsai-pot-rgb: 184 177 154;
--bonsai-pot-oklch: oklch(0.76 0.033 93);
}
.element {
color: var(--bonsai-pot);
background-color: hsl(46 17% 66%);
border-color: oklch(0.76 0.033 93);
}Tailwind CSS v4
@theme {
--color-bonsai-pot: #b8b19a;
--color-bonsai-pot-50: #f8f5eb;
--color-bonsai-pot-100: #ebe8dc;
--color-bonsai-pot-200: #d8d4c5;
--color-bonsai-pot-300: #bcb8a5;
--color-bonsai-pot-400: #a59e89;
--color-bonsai-pot-500: #8d866e;
--color-bonsai-pot-600: #78715d;
--color-bonsai-pot-700: #605b4a;
--color-bonsai-pot-800: #474236;
--color-bonsai-pot-900: #312e25;
--color-bonsai-pot-950: #1d1a13;
}SCSS
$bonsai-pot: #b8b19a;
$bonsai-pot-rgb: 184, 177, 154;
$bonsai-pot-light: mix(#fff, $bonsai-pot, 20%);
$bonsai-pot-dark: mix(#000, $bonsai-pot, 20%);
.element {
color: $bonsai-pot;
box-shadow: 0 0 0 2px rgba($bonsai-pot, 0.35);
}