Nearest named color · #473237
#473237
Nearest named color: Vibrant Vine
#473237 (rgb(71 50 55), hsl(346 17% 24%), oklch(0.343 0.031 3.1)) is closest to the named color Vibrant Vine. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#473237
oklch(0.343 0.031 3.1)
Color conversions
- HEX
- #473237
- RGB
- rgb(71 50 55)
- HSL
- hsl(346 17% 24%)
- HWB
- hwb(346 20% 72%)
- OKLCH
- oklch(0.343 0.031 3.1)
- OKLab
- oklab(0.343 0.031 0.002)
- CIE Lab
- lab(23.41 10.46 0.77)
- LCH
- lch(23.41 10.49 4.2)
- CMYK
- cmyk(0% 30% 23% 72%)
Tints · Shades · Tones
Tints
- 584448
- 69565B
- 7A6A6D
- 8C7D81
- 9F9295
- B1A7A9
- C4BCBE
- D8D2D3
- EBE8E9
Shades
- 3D2A2E
- 322226
- 281B1E
- 1F1416
- 160D0F
- 0D0708
- 060303
- 020101
- 000000
Tones
- 4D393E
- 524145
- 58484C
- 5E5053
- 63585A
- 696062
- 6F6869
- 757071
- 7A7878
Color harmonies
Complementary +180°
- 473237
Vibrant Vine
- 263E3A
≈ Pine Grove
Analogous -30° +30°
- 473237
Vibrant Vine
- 433340
≈ Voodoo
- 48332E
≈ Pawn Broker
Triadic +120° +240°
- 473237
Vibrant Vine
- 353C29
≈ Green Kelp
- 2B3B48
≈ Craft
Split-complementary +150° +210°
- 473237
Vibrant Vine
- 2C3E31
≈ Celtic
- 253D42
≈ Cool Current
Tetradic +90° +180° +270°
- 473237
Vibrant Vine
- 3E3926
≈ Magic Metal
- 263E3A
≈ Pine Grove
- 333849
≈ German Liquorice
Contrast & accessibility
Ag
AAAOn white
WCAG 11.80:1 · APCA Lc 97
Ag
FailOn black
WCAG 1.77:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.80:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--vibrant-vine: #473237;
--vibrant-vine-rgb: 71 50 55;
--vibrant-vine-oklch: oklch(0.343 0.031 3.1);
}
.element {
color: var(--vibrant-vine);
background-color: hsl(346 17% 24%);
border-color: oklch(0.343 0.031 3.1);
}Tailwind CSS v4
@theme {
--color-vibrant-vine: #473237;
--color-vibrant-vine-50: #fef2f4;
--color-vibrant-vine-100: #f2e4e6;
--color-vibrant-vine-200: #e1cfd2;
--color-vibrant-vine-300: #c6b1b5;
--color-vibrant-vine-400: #af979c;
--color-vibrant-vine-500: #997e84;
--color-vibrant-vine-600: #816b70;
--color-vibrant-vine-700: #685559;
--color-vibrant-vine-800: #4c3e42;
--color-vibrant-vine-900: #352b2d;
--color-vibrant-vine-950: #20181a;
}SCSS
$vibrant-vine: #473237;
$vibrant-vine-rgb: 71, 50, 55;
$vibrant-vine-light: mix(#fff, $vibrant-vine, 20%);
$vibrant-vine-dark: mix(#000, $vibrant-vine, 20%);
.element {
color: $vibrant-vine;
box-shadow: 0 0 0 2px rgba($vibrant-vine, 0.35);
}