Nearest named color · #994476
#994476
Nearest named color: Plum Passion
#994476 (rgb(153 68 118), hsl(325 38% 43%), oklch(0.513 0.128 346.2)) is closest to the named color Plum Passion. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#994476
oklch(0.513 0.128 346.2)
Color conversions
- HEX
- #994476
- RGB
- rgb(153 68 118)
- HSL
- hsl(325 38% 43%)
- HWB
- hwb(325 27% 40%)
- OKLCH
- oklch(0.513 0.128 346.2)
- OKLab
- oklab(0.513 0.125 -0.031)
- CIE Lab
- lab(41.74 40.6 -11.02)
- LCH
- lch(41.74 42.07 344.8)
- CMYK
- cmyk(0% 56% 23% 40%)
Tints · Shades · Tones
Tints
- A45783
- AF6990
- BA7B9D
- C58EAB
- CFA0B8
- D9B3C6
- E3C5D4
- ECD8E2
- F6ECF1
Shades
- 843A66
- 703056
- 5D2647
- 4A1D38
- 381429
- 270C1C
- 17050F
- 080205
- 010001
Tones
- 974B77
- 965278
- 945879
- 925E7A
- 8F647B
- 8D6A7C
- 8A707D
- 87757E
- 847B7F
Color harmonies
Complementary +180°
- 994476
Plum Passion
- 007A59
≈ Ivy League
Analogous -30° +30°
- 994476
Plum Passion
- 834D98
≈ Murasaki Purple
- A3424D
≈ Floriography
Triadic +120° +240°
- 994476
Plum Passion
- 6F6A00
≈ Worn Olive
- 007292
≈ Blue Fjord
Split-complementary +150° +210°
- 994476
Plum Passion
- 427723
≈ Tropicana
- 007677
≈ Prismarine
Tetradic +90° +180° +270°
- 994476
Plum Passion
- 8A5D00
≈ Rat Brown
- 007A59
≈ Ivy League
- 3067AF
≈ Dover Straits
Contrast & accessibility
Ag
AAOn white
WCAG 6.09:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.44:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--plum-passion: #994476;
--plum-passion-rgb: 153 68 118;
--plum-passion-oklch: oklch(0.513 0.128 346.2);
}
.element {
color: var(--plum-passion);
background-color: hsl(325 38% 43%);
border-color: oklch(0.513 0.128 346.2);
}Tailwind CSS v4
@theme {
--color-plum-passion: #994476;
--color-plum-passion-50: #ffe7fb;
--color-plum-passion-100: #ffd7ef;
--color-plum-passion-200: #ffbede;
--color-plum-passion-300: #e99cc3;
--color-plum-passion-400: #d47eae;
--color-plum-passion-500: #c15f98;
--color-plum-passion-600: #a35180;
--color-plum-passion-700: #834167;
--color-plum-passion-800: #602e4d;
--color-plum-passion-900: #441f36;
--color-plum-passion-950: #2b0f21;
}SCSS
$plum-passion: #994476;
$plum-passion-rgb: 153, 68, 118;
$plum-passion-light: mix(#fff, $plum-passion, 20%);
$plum-passion-dark: mix(#000, $plum-passion, 20%);
.element {
color: $plum-passion;
box-shadow: 0 0 0 2px rgba($plum-passion, 0.35);
}