Nearest named color · #8E415B
#8E415B
Nearest named color: Liaison
#8E415B (rgb(142 65 91), hsl(340 37% 41%), oklch(0.483 0.108 0.7)) is closest to the named color Liaison. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8E415B
oklch(0.483 0.108 0.7)
Color conversions
- HEX
- #8e415b
- RGB
- rgb(142 65 91)
- HSL
- hsl(340 37% 41%)
- HWB
- hwb(340 25% 44%)
- OKLCH
- oklch(0.483 0.108 0.7)
- OKLab
- oklab(0.483 0.108 0.001)
- CIE Lab
- lab(38.62 35.4 0.94)
- LCH
- lch(38.62 35.41 1.5)
- CMYK
- cmyk(0% 54% 36% 44%)
Tints · Shades · Tones
Tints
- 9A536A
- A66679
- B27889
- BE8B99
- C99EA9
- D4B1BA
- DFC4CB
- EAD7DC
- F5EBED
Shades
- 7B374E
- 682E41
- 562535
- 441C29
- 34131E
- 240B13
- 150509
- 070103
- 010000
Tones
- 8E485F
- 8D4F62
- 8C5566
- 8B5C6A
- 8A626D
- 896871
- 876E75
- 857478
- 837A7C
Color harmonies
Complementary +180°
- 8E415B
Liaison
- 006E61
≈ Forest Splendour
Analogous -30° +30°
- 8E415B
Liaison
- 80457A
≈ Visiona Red
- 914437
≈ Flower Pot
Triadic +120° +240°
- 8E415B
Liaison
- 566710
≈ Forestial Outpost
- 0B6595
≈ Wavy Navy
Split-complementary +150° +210°
- 8E415B
Liaison
- 256F3D
≈ Cloudy Camouflage
- 006B79
≈ Mary Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.86:1 · APCA Lc 83
Ag
FailOn black
WCAG 3.05:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--liaison: #8e415b;
--liaison-rgb: 142 65 91;
--liaison-oklch: oklch(0.483 0.108 0.7);
}
.element {
color: var(--liaison);
background-color: hsl(340 37% 41%);
border-color: oklch(0.483 0.108 0.7);
}Tailwind CSS v4
@theme {
--color-liaison: #8e415b;
--color-liaison-50: #ffe9f2;
--color-liaison-100: #ffdae4;
--color-liaison-200: #fdc2d0;
--color-liaison-300: #e7a0b2;
--color-liaison-400: #d3839b;
--color-liaison-500: #bf6582;
--color-liaison-600: #a2566e;
--color-liaison-700: #824558;
--color-liaison-800: #603142;
--color-liaison-900: #43222d;
--color-liaison-950: #2b111a;
}SCSS
$liaison: #8e415b;
$liaison-rgb: 142, 65, 91;
$liaison-light: mix(#fff, $liaison, 20%);
$liaison-dark: mix(#000, $liaison, 20%);
.element {
color: $liaison;
box-shadow: 0 0 0 2px rgba($liaison, 0.35);
}