Nearest named color · #843765
#843765
Nearest named color: Midnight Aubergine
#843765 (rgb(132 55 101), hsl(324 41% 37%), oklch(0.457 0.119 346)) is closest to the named color Midnight Aubergine. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#843765
oklch(0.457 0.119 346)
Color conversions
- HEX
- #843765
- RGB
- rgb(132 55 101)
- HSL
- hsl(324 41% 37%)
- HWB
- hwb(324 22% 48%)
- OKLCH
- oklch(0.457 0.119 346)
- OKLab
- oklab(0.457 0.116 -0.029)
- CIE Lab
- lab(35.32 37.73 -10.44)
- LCH
- lch(35.32 39.14 344.5)
- CMYK
- cmyk(0% 58% 23% 48%)
Tints · Shades · Tones
Tints
- 914B73
- 9E5E82
- AB7191
- B785A0
- C499AF
- D0ACBF
- DCC1CE
- E8D5DE
- F3EAEF
Shades
- 722E57
- 602649
- 4F1E3C
- 3F162F
- 2F0F22
- 200817
- 12030C
- 060103
- 010000
Tones
- 853F68
- 85476A
- 854F6D
- 855670
- 855D73
- 856475
- 846B78
- 83727B
- 82797D
Color harmonies
Complementary +180°
- 843765
Midnight Aubergine
- 00674B
≈ Victoria Green
Analogous -30° +30°
- 843765
Midnight Aubergine
- 703F83
≈ Amaranth Purple
- 8D3540
≈ Raspberry Fool
Triadic +120° +240°
- 843765
Midnight Aubergine
- 5F5A00
≈ Greensboro
- 00607C
≈ Blue-Collar
Split-complementary +150° +210°
- 843765
Midnight Aubergine
- 356517
≈ Radical Green
- 006465
≈ Really Teal
Tetradic +90° +180° +270°
- 843765
Midnight Aubergine
- 754E00
≈ Lucky Brown
- 00674B
≈ Victoria Green
- 245798
≈ Florentine Lapis
Contrast & accessibility
Ag
AAAOn white
WCAG 7.73:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.71:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--midnight-aubergine: #843765;
--midnight-aubergine-rgb: 132 55 101;
--midnight-aubergine-oklch: oklch(0.457 0.119 346);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(324 41% 37%);
border-color: oklch(0.457 0.119 346);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #843765;
--color-midnight-aubergine-50: #ffe8fb;
--color-midnight-aubergine-100: #ffd8ef;
--color-midnight-aubergine-200: #fcc0dd;
--color-midnight-aubergine-300: #e69ec2;
--color-midnight-aubergine-400: #d181ad;
--color-midnight-aubergine-500: #bd6397;
--color-midnight-aubergine-600: #a0547f;
--color-midnight-aubergine-700: #804366;
--color-midnight-aubergine-800: #5f304c;
--color-midnight-aubergine-900: #422135;
--color-midnight-aubergine-950: #2a1020;
}SCSS
$midnight-aubergine: #843765;
$midnight-aubergine-rgb: 132, 55, 101;
$midnight-aubergine-light: mix(#fff, $midnight-aubergine, 20%);
$midnight-aubergine-dark: mix(#000, $midnight-aubergine, 20%);
.element {
color: $midnight-aubergine;
box-shadow: 0 0 0 2px rgba($midnight-aubergine, 0.35);
}