Named color · #966993
Tulipan Violet
Tulipan Violet is #966993: rgb(150 105 147), hsl(304 18% 50%), oklch(0.582 0.082 328.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Tulipan Violet color name →
#966993
oklch(0.582 0.082 328.8)
Color conversions
- HEX
- #966993
- RGB
- rgb(150 105 147)
- HSL
- hsl(304 18% 50%)
- HWB
- hwb(304 41% 41%)
- OKLCH
- oklch(0.582 0.082 328.8)
- OKLab
- oklab(0.582 0.07 -0.043)
- CIE Lab
- lab(50.31 23.87 -15.61)
- LCH
- lch(50.31 28.52 326.8)
- CMYK
- cmyk(0% 30% 2% 41%)
Tints · Shades · Tones
Tints
- A0779D
- AB86A8
- B594B3
- C0A3BD
- CAB2C8
- D5C1D3
- DFD0DE
- EAE0E9
- F4EFF4
Shades
- 825A7F
- 6E4C6C
- 5B3E59
- 493147
- 372436
- 261825
- 160C16
- 080408
- 010001
Tones
- 946C91
- 926E8F
- 90708E
- 8E738C
- 8C758A
- 897788
- 877A86
- 857C84
- 827E82
Color harmonies
Complementary +180°
- 966993
Tulipan Violet
- 578960
≈ Spring Garden
Analogous -30° +30°
- 966993
Tulipan Violet
- 8170A5
≈ Old Prune
- A3667A
≈ Strawberry Mousse
Triadic +120° +240°
- 966993
Tulipan Violet
- 8F783E
≈ Bengal Grass
- 338895
≈ Precious Stone
Split-complementary +150° +210°
- 966993
Tulipan Violet
- 768248
≈ Grasshopper
- 3A8B7C
≈ Ionian
Tetradic +90° +180° +270°
- 966993
Tulipan Violet
- 9F6F48
≈ Autumn Bark
- 578960
≈ Spring Garden
- 4982A6
≈ Lake Henry
Contrast & accessibility
Ag
FailOn white
WCAG 4.43:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.73:1 · APCA Lc 31
Best text color: #000000
WCAG 4.73:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--tulipan-violet: #966993;
--tulipan-violet-rgb: 150 105 147;
--tulipan-violet-oklch: oklch(0.582 0.082 328.8);
}
.element {
color: var(--tulipan-violet);
background-color: hsl(304 18% 50%);
border-color: oklch(0.582 0.082 328.8);
}Tailwind CSS v4
@theme {
--color-tulipan-violet: #966993;
--color-tulipan-violet-50: #ffedff;
--color-tulipan-violet-100: #f9def5;
--color-tulipan-violet-200: #eac8e5;
--color-tulipan-violet-300: #d1a9cb;
--color-tulipan-violet-400: #ba8db7;
--color-tulipan-violet-500: #a472a1;
--color-tulipan-violet-600: #8b6188;
--color-tulipan-violet-700: #6f4d6d;
--color-tulipan-violet-800: #523851;
--color-tulipan-violet-900: #392639;
--color-tulipan-violet-950: #231523;
}SCSS
$tulipan-violet: #966993;
$tulipan-violet-rgb: 150, 105, 147;
$tulipan-violet-light: mix(#fff, $tulipan-violet, 20%);
$tulipan-violet-dark: mix(#000, $tulipan-violet, 20%);
.element {
color: $tulipan-violet;
box-shadow: 0 0 0 2px rgba($tulipan-violet, 0.35);
}