Named color · #69326E
Seance
Seance is #69326E: rgb(105 50 110), hsl(295 38% 31%), oklch(0.414 0.115 324.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Seance color name →
#69326E
oklch(0.414 0.115 324.2)
Color conversions
- HEX
- #69326e
- RGB
- rgb(105 50 110)
- HSL
- hsl(295 38% 31%)
- HWB
- hwb(295 20% 57%)
- OKLCH
- oklch(0.414 0.115 324.2)
- OKLab
- oklab(0.414 0.093 -0.067)
- CIE Lab
- lab(30.34 32.15 -24.22)
- LCH
- lch(30.34 40.26 323)
- CMYK
- cmyk(5% 55% 0% 57%)
Tints · Shades · Tones
Tints
- 78467C
- 86598A
- 956D98
- A481A7
- B395B5
- C2A9C4
- D1BED2
- E0D4E1
- F0E9F0
Shades
- 5A2A5F
- 4C2250
- 3E1B41
- 311433
- 240D26
- 180719
- 0C030E
- 040104
- 000001
Tones
- 6C3B70
- 6F4372
- 714B74
- 745276
- 765A78
- 78627A
- 7A697B
- 7C717D
- 7E787F
Color harmonies
Complementary +180°
- 69326E
Seance
- 195B1D
≈ Evergreen Shade
Analogous -30° +30°
- 69326E
Seance
- 503C83
≈ Nauseous Blue
- 792C50
≈ Flirt
Triadic +120° +240°
- 69326E
Seance
- 614700
≈ Mud Brown
- 00565D
≈ Deep Teal
Split-complementary +150° +210°
- 69326E
Seance
- 4B5100
≈ Verdun Green
- 005948
≈ Forest Shadows
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.20:1 · APCA Lc 91
Ag
FailOn black
WCAG 2.28:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 9.20:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--seance: #69326e;
--seance-rgb: 105 50 110;
--seance-oklch: oklch(0.414 0.115 324.2);
}
.element {
color: var(--seance);
background-color: hsl(295 38% 31%);
border-color: oklch(0.414 0.115 324.2);
}Tailwind CSS v4
@theme {
--color-seance: #69326e;
--color-seance-50: #ffeaff;
--color-seance-100: #fddbfd;
--color-seance-200: #efc4ef;
--color-seance-300: #d7a3d7;
--color-seance-400: #c087c5;
--color-seance-500: #ab6ab1;
--color-seance-600: #915a95;
--color-seance-700: #744878;
--color-seance-800: #55345a;
--color-seance-900: #3b233f;
--color-seance-950: #251228;
}SCSS
$seance: #69326e;
$seance-rgb: 105, 50, 110;
$seance-light: mix(#fff, $seance, 20%);
$seance-dark: mix(#000, $seance, 20%);
.element {
color: $seance;
box-shadow: 0 0 0 2px rgba($seance, 0.35);
}