Named color · #705950
Bistro
Bistro is #705950: rgb(112 89 80), hsl(17 17% 38%), oklch(0.485 0.034 42.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Bistro color name →
#705950
oklch(0.485 0.034 42.4)
Color conversions
- HEX
- #705950
- RGB
- rgb(112 89 80)
- HSL
- hsl(17 17% 38%)
- HWB
- hwb(17 31% 56%)
- OKLCH
- oklch(0.485 0.034 42.4)
- OKLab
- oklab(0.485 0.025 0.023)
- CIE Lab
- lab(40 8.66 9)
- LCH
- lch(40 12.48 46.1)
- CMYK
- cmyk(0% 21% 29% 56%)
Tints · Shades · Tones
Tints
- 7E6860
- 8B7870
- 998881
- A79892
- B5A8A3
- C4B9B5
- D2CAC7
- E1DCD9
- F0EDEC
Shades
- 604C44
- 514039
- 43342E
- 352824
- 271D1A
- 1A1310
- 0E0907
- 040302
- 010000
Tones
- 725D55
- 736159
- 75655E
- 776863
- 786C68
- 7A706D
- 7C7471
- 7D7876
- 7F7C7B
Color harmonies
Complementary +180°
- 705950
Bistro
- 4A636D
≈ Night Folly
Analogous -30° +30°
- 705950
Bistro
- 71575A
≈ Deepest Mauve
- 6B5C4A
≈ Domino
Triadic +120° +240°
- 705950
Bistro
- 4E6559
≈ Jasper Park
- 5C5D72
≈ Men’s Night
Split-complementary +150° +210°
- 705950
Bistro
- 496564
≈ Walk Me Home
- 516072
≈ Da Blues
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.49:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.23:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--bistro: #705950;
--bistro-rgb: 112 89 80;
--bistro-oklch: oklch(0.485 0.034 42.4);
}
.element {
color: var(--bistro);
background-color: hsl(17 17% 38%);
border-color: oklch(0.485 0.034 42.4);
}Tailwind CSS v4
@theme {
--color-bistro: #705950;
--color-bistro-50: #fef2ed;
--color-bistro-100: #f2e5df;
--color-bistro-200: #e1d0c9;
--color-bistro-300: #c7b2aa;
--color-bistro-400: #b1988f;
--color-bistro-500: #9a7f75;
--color-bistro-600: #836c63;
--color-bistro-700: #69564f;
--color-bistro-800: #4d3f3a;
--color-bistro-900: #362b27;
--color-bistro-950: #211816;
}SCSS
$bistro: #705950;
$bistro-rgb: 112, 89, 80;
$bistro-light: mix(#fff, $bistro, 20%);
$bistro-dark: mix(#000, $bistro, 20%);
.element {
color: $bistro;
box-shadow: 0 0 0 2px rgba($bistro, 0.35);
}