Named color · #9448B0
Tyrian Shimmer
Tyrian Shimmer is #9448B0: rgb(148 72 176), hsl(284 42% 49%), oklch(0.541 0.17 316). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Tyrian Shimmer color name →
#9448B0
oklch(0.541 0.17 316)
Color conversions
- HEX
- #9448b0
- RGB
- rgb(148 72 176)
- HSL
- hsl(284 42% 49%)
- HWB
- hwb(284 28% 31%)
- OKLCH
- oklch(0.541 0.17 316)
- OKLab
- oklab(0.541 0.122 -0.118)
- CIE Lab
- lab(44.04 44.96 -42.4)
- LCH
- lch(44.04 61.8 316.7)
- CMYK
- cmyk(16% 59% 0% 31%)
Tints · Shades · Tones
Tints
- 9F5BB9
- AA6EC1
- B480C9
- BF92D1
- CAA4D9
- D4B6E1
- DFC8E9
- EADAF0
- F4EDF8
Shades
- 803D99
- 6D3382
- 5A296C
- 481F56
- 361642
- 260D2E
- 16061C
- 08020B
- 010001
Tones
- 924FAC
- 9156A7
- 8F5CA3
- 8D629E
- 8B6899
- 896D95
- 877290
- 85778B
- 827B85
Color harmonies
Complementary +180°
- 9448B0
Tyrian Shimmer
- 3E8200
≈ Green People
Analogous -30° +30°
- 9448B0
Tyrian Shimmer
- 6A59CB
≈ Ameixa
- B03B83
≈ Romantic Rose
Triadic +120° +240°
- 9448B0
Tyrian Shimmer
- 946400
≈ Gamboge Brown
- 007F80
≈ Teal
Split-complementary +150° +210°
- 9448B0
Tyrian Shimmer
- 787200
≈ Sunlit Kelp Green
- 008360
≈ Shadows of Time
Tetradic +90° +180° +270°
- 9448B0
Tyrian Shimmer
- B34B00
≈ Skrag Brown
- 3E8200
≈ Green People
- 007A9D
≈ Sea Sight
Contrast & accessibility
Ag
AAOn white
WCAG 5.50:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.81:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.50:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--tyrian-shimmer: #9448b0;
--tyrian-shimmer-rgb: 148 72 176;
--tyrian-shimmer-oklch: oklch(0.541 0.17 316);
}
.element {
color: var(--tyrian-shimmer);
background-color: hsl(284 42% 49%);
border-color: oklch(0.541 0.17 316);
}Tailwind CSS v4
@theme {
--color-tyrian-shimmer: #9448b0;
--color-tyrian-shimmer-50: #ffe7ff;
--color-tyrian-shimmer-100: #ffd7ff;
--color-tyrian-shimmer-200: #f3bdff;
--color-tyrian-shimmer-300: #db9bf0;
--color-tyrian-shimmer-400: #c57ce1;
--color-tyrian-shimmer-500: #b15bd0;
--color-tyrian-shimmer-600: #954eb0;
--color-tyrian-shimmer-700: #783e8d;
--color-tyrian-shimmer-800: #572d6b;
--color-tyrian-shimmer-900: #3d1e4b;
--color-tyrian-shimmer-950: #260d31;
}SCSS
$tyrian-shimmer: #9448b0;
$tyrian-shimmer-rgb: 148, 72, 176;
$tyrian-shimmer-light: mix(#fff, $tyrian-shimmer, 20%);
$tyrian-shimmer-dark: mix(#000, $tyrian-shimmer, 20%);
.element {
color: $tyrian-shimmer;
box-shadow: 0 0 0 2px rgba($tyrian-shimmer, 0.35);
}