Named color · #395551
Bistro Green
Bistro Green is #395551: rgb(57 85 81), hsl(171 20% 28%), oklch(0.426 0.034 184.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Bistro Green color name →
#395551
oklch(0.426 0.034 184.9)
Color conversions
- HEX
- #395551
- RGB
- rgb(57 85 81)
- HSL
- hsl(171 20% 28%)
- HWB
- hwb(171 22% 67%)
- OKLCH
- oklch(0.426 0.034 184.9)
- OKLab
- oklab(0.426 -0.034 -0.003)
- CIE Lab
- lab(33.82 -11.66 -1.2)
- LCH
- lch(33.82 11.73 185.9)
- CMYK
- cmyk(33% 0% 5% 67%)
Tints · Shades · Tones
Tints
- 4B6461
- 5E7471
- 708581
- 849592
- 97A6A4
- ABB7B5
- C0C9C7
- D4DBDA
- EAEDEC
Shades
- 304945
- 283D3A
- 1F312F
- 172624
- 101C1A
- 091110
- 040807
- 010202
- 000000
Tones
- 405956
- 475D5A
- 4E625F
- 556663
- 5C6A68
- 646F6D
- 6B7372
- 727776
- 797C7B
Color harmonies
Complementary +180°
- 395551
Bistro Green
- 5F474C
≈ Dark Berry
Analogous -30° +30°
- 395551
Bistro Green
- 405446
≈ Deep Jungle
- 39545A
≈ Almost Famous
Triadic +120° +240°
- 395551
Bistro Green
- 534A5E
≈ Mata Hari
- 5C4B3B
≈ Mousy Brown
Split-complementary +150° +210°
- 395551
Bistro Green
- 5B4856
≈ Deep Merlot
- 604842
≈ Warm Brownie
Tetradic +90° +180° +270°
- 395551
Bistro Green
- 494D62
≈ Midnight Iris
- 5F474C
≈ Dark Berry
- 544F39
≈ Panda
Contrast & accessibility
Ag
AAAOn white
WCAG 8.10:1 · APCA Lc 88
Ag
FailOn black
WCAG 2.59:1 · APCA Lc 14
Best text color: #FFFFFF
WCAG 8.10:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--bistro-green: #395551;
--bistro-green-rgb: 57 85 81;
--bistro-green-oklch: oklch(0.426 0.034 184.9);
}
.element {
color: var(--bistro-green);
background-color: hsl(171 20% 28%);
border-color: oklch(0.426 0.034 184.9);
}Tailwind CSS v4
@theme {
--color-bistro-green: #395551;
--color-bistro-green-50: #ebf9f7;
--color-bistro-green-100: #dcecea;
--color-bistro-green-200: #c5d9d6;
--color-bistro-green-300: #a5bdba;
--color-bistro-green-400: #89a5a1;
--color-bistro-green-500: #6d8e89;
--color-bistro-green-600: #5d7874;
--color-bistro-green-700: #4a605d;
--color-bistro-green-800: #354643;
--color-bistro-green-900: #24312f;
--color-bistro-green-950: #131d1b;
}SCSS
$bistro-green: #395551;
$bistro-green-rgb: 57, 85, 81;
$bistro-green-light: mix(#fff, $bistro-green, 20%);
$bistro-green-dark: mix(#000, $bistro-green, 20%);
.element {
color: $bistro-green;
box-shadow: 0 0 0 2px rgba($bistro-green, 0.35);
}