Nearest named color · #830734
#830734
Nearest named color: Macabre
#830734 (rgb(131 7 52), hsl(338 90% 27%), oklch(0.394 0.153 9.3)) is closest to the named color Macabre. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#830734
oklch(0.394 0.153 9.3)
Color conversions
- HEX
- #830734
- RGB
- rgb(131 7 52)
- HSL
- hsl(338 90% 27%)
- HWB
- hwb(338 3% 49%)
- OKLCH
- oklch(0.394 0.153 9.3)
- OKLab
- oklab(0.394 0.151 0.025)
- CIE Lab
- lab(27.87 49.43 10.98)
- LCH
- lch(27.87 50.63 12.5)
- CMYK
- cmyk(0% 95% 60% 49%)
Tints · Shades · Tones
Tints
- 922C46
- A04558
- AE5C6B
- BB737F
- C88A93
- D4A1A8
- DFB8BD
- EACFD3
- F5E7E9
Shades
- 71052C
- 600424
- 4F021C
- 3F0215
- 2F010E
- 200007
- 120003
- 060001
- 010000
Tones
- 851F3B
- 862D42
- 873A4A
- 874551
- 884F59
- 875961
- 866368
- 856D70
- 837778
Color harmonies
Complementary +180°
- 830734
Macabre
- 00514E
≈ Action Green
Analogous -30° +30°
- 830734
Macabre
- 761560
≈ Purple Curse
- 7A2500
≈ Drip Coffee
Triadic +120° +240°
- 830734
Macabre
- 335000
≈ Navy Green
- 00487D
≈ Kolibri Blue
Split-complementary +150° +210°
- 830734
Macabre
- 005434
≈ Permanent Green
- 004F60
≈ Raging Thunderstorm
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 10.26:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.04:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 10.26:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--macabre: #830734;
--macabre-rgb: 131 7 52;
--macabre-oklch: oklch(0.394 0.153 9.3);
}
.element {
color: var(--macabre);
background-color: hsl(338 90% 27%);
border-color: oklch(0.394 0.153 9.3);
}Tailwind CSS v4
@theme {
--color-macabre: #830734;
--color-macabre-50: #ffe4ea;
--color-macabre-100: #ffd4db;
--color-macabre-200: #ffb9c4;
--color-macabre-300: #fa95a4;
--color-macabre-400: #e9748b;
--color-macabre-500: #d65170;
--color-macabre-600: #b5465f;
--color-macabre-700: #91384c;
--color-macabre-800: #6c2739;
--color-macabre-900: #4c1a27;
--color-macabre-950: #320a15;
}SCSS
$macabre: #830734;
$macabre-rgb: 131, 7, 52;
$macabre-light: mix(#fff, $macabre, 20%);
$macabre-dark: mix(#000, $macabre, 20%);
.element {
color: $macabre;
box-shadow: 0 0 0 2px rgba($macabre, 0.35);
}