Nearest named color · #4F5738
#4F5738
Nearest named color: Broccoli Green
#4F5738 (rgb(79 87 56), hsl(75 22% 28%), oklch(0.441 0.049 120.2)) is closest to the named color Broccoli Green. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4F5738
oklch(0.441 0.049 120.2)
Color conversions
- HEX
- #4f5738
- RGB
- rgb(79 87 56)
- HSL
- hsl(75 22% 28%)
- HWB
- hwb(75 22% 66%)
- OKLCH
- oklch(0.441 0.049 120.2)
- OKLab
- oklab(0.441 -0.025 0.042)
- CIE Lab
- lab(35.62 -7.69 16.95)
- LCH
- lch(35.62 18.61 114.4)
- CMYK
- cmyk(9% 0% 36% 66%)
Tints · Shades · Tones
Tints
- 5F664A
- 6F765C
- 80866F
- 919783
- A2A796
- B4B8AB
- C6CABF
- D9DBD4
- ECEDE9
Shades
- 444B2F
- 383E27
- 2E331F
- 232717
- 191C0F
- 101208
- 070804
- 020301
- 000000
Tones
- 545B3F
- 585F46
- 5D634D
- 626755
- 676B5C
- 6C6F63
- 71746A
- 767871
- 7B7C79
Color harmonies
Complementary +180°
- 4F5738
Broccoli Green
- 574D6A
≈ Crowning
Analogous -30° +30°
- 4F5738
Broccoli Green
- 5D5233
≈ Marsh
- 3F5B45
≈ Royal Hunter Green
Triadic +120° +240°
- 4F5738
Broccoli Green
- 39576B
≈ Summer Night
- 6A4751
≈ Mixed Berry Jam
Split-complementary +150° +210°
- 4F5738
Broccoli Green
- 48526E
≈ East Bay
- 634960
≈ Plum Rich
Tetradic +90° +180° +270°
- 4F5738
Broccoli Green
- 305A62
≈ Petro Blue
- 574D6A
≈ Crowning
- 6B4943
≈ Mayan Red
Contrast & accessibility
Ag
AAAOn white
WCAG 7.62:1 · APCA Lc 87
Ag
FailOn black
WCAG 2.75:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 7.62:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--broccoli-green: #4f5738;
--broccoli-green-rgb: 79 87 56;
--broccoli-green-oklch: oklch(0.441 0.049 120.2);
}
.element {
color: var(--broccoli-green);
background-color: hsl(75 22% 28%);
border-color: oklch(0.441 0.049 120.2);
}Tailwind CSS v4
@theme {
--color-broccoli-green: #4f5738;
--color-broccoli-green-50: #f2f8e8;
--color-broccoli-green-100: #e5ebd9;
--color-broccoli-green-200: #d0d8c1;
--color-broccoli-green-300: #b3bca0;
--color-broccoli-green-400: #9aa383;
--color-broccoli-green-500: #828b67;
--color-broccoli-green-600: #6e7657;
--color-broccoli-green-700: #585e46;
--color-broccoli-green-800: #414532;
--color-broccoli-green-900: #2c3022;
--color-broccoli-green-950: #1a1c11;
}SCSS
$broccoli-green: #4f5738;
$broccoli-green-rgb: 79, 87, 56;
$broccoli-green-light: mix(#fff, $broccoli-green, 20%);
$broccoli-green-dark: mix(#000, $broccoli-green, 20%);
.element {
color: $broccoli-green;
box-shadow: 0 0 0 2px rgba($broccoli-green, 0.35);
}