Named color · #7A70A8
Purple Mountain Majesty
Purple Mountain Majesty is #7A70A8: rgb(122 112 168), hsl(251 24% 55%), oklch(0.577 0.085 291.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Purple Mountain Majesty color name →
#7A70A8
oklch(0.577 0.085 291.7)
Color conversions
- HEX
- #7a70a8
- RGB
- rgb(122 112 168)
- HSL
- hsl(251 24% 55%)
- HWB
- hwb(251 44% 34%)
- OKLCH
- oklch(0.577 0.085 291.7)
- OKLab
- oklab(0.577 0.032 -0.079)
- CIE Lab
- lab(49.88 13.61 -28.85)
- LCH
- lch(49.88 31.9 295.3)
- CMYK
- cmyk(27% 33% 0% 34%)
Tints · Shades · Tones
Tints
- 867EB1
- 938BBA
- A099C2
- ADA7CB
- BAB6D4
- C7C4DD
- D5D3E5
- E3E1EE
- F1F0F6
Shades
- 696092
- 59517C
- 494367
- 3A3552
- 2B273F
- 1D1A2C
- 100E1A
- 05040A
- 010101
Tones
- 7A72A4
- 7B74A0
- 7C759D
- 7C7799
- 7D7995
- 7D7A91
- 7E7C8D
- 7F7D88
- 7F7F84
Color harmonies
Complementary +180°
- 7A70A8
Purple Mountain Majesty
- 7B7E40
≈ Thai Basil
Analogous -30° +30°
- 7A70A8
Purple Mountain Majesty
- 5D79AC
≈ Endless River
- 916898
≈ Viola Grey
Triadic +120° +240°
- 7A70A8
Purple Mountain Majesty
- A26A49
≈ Hazel
- 3B8A73
≈ Ionian
Split-complementary +150° +210°
- 7A70A8
Purple Mountain Majesty
- 93743A
≈ California Gold Rush
- 5C8656
≈ Magic Sage
Tetradic +90° +180° +270°
- 7A70A8
Purple Mountain Majesty
- A66463
≈ Rose Marquee
- 7B7E40
≈ Thai Basil
- 2A888F
≈ Turkish Jade
Contrast & accessibility
Ag
FailOn white
WCAG 4.45:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.71:1 · APCA Lc 31
Best text color: #000000
WCAG 4.71:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--purple-mountain-majesty: #7a70a8;
--purple-mountain-majesty-rgb: 122 112 168;
--purple-mountain-majesty-oklch: oklch(0.577 0.085 291.7);
}
.element {
color: var(--purple-mountain-majesty);
background-color: hsl(251 24% 55%);
border-color: oklch(0.577 0.085 291.7);
}Tailwind CSS v4
@theme {
--color-purple-mountain-majesty: #7a70a8;
--color-purple-mountain-majesty-50: #f6f1ff;
--color-purple-mountain-majesty-100: #e9e3ff;
--color-purple-mountain-majesty-200: #d5cef6;
--color-purple-mountain-majesty-300: #b9b0e0;
--color-purple-mountain-majesty-400: #9f96cd;
--color-purple-mountain-majesty-500: #877cba;
--color-purple-mountain-majesty-600: #72699d;
--color-purple-mountain-majesty-700: #5b547e;
--color-purple-mountain-majesty-800: #423d5e;
--color-purple-mountain-majesty-900: #2d2a42;
--color-purple-mountain-majesty-950: #1a182a;
}SCSS
$purple-mountain-majesty: #7a70a8;
$purple-mountain-majesty-rgb: 122, 112, 168;
$purple-mountain-majesty-light: mix(#fff, $purple-mountain-majesty, 20%);
$purple-mountain-majesty-dark: mix(#000, $purple-mountain-majesty, 20%);
.element {
color: $purple-mountain-majesty;
box-shadow: 0 0 0 2px rgba($purple-mountain-majesty, 0.35);
}