Named color · #B9A5BD
Viola Sororia
Viola Sororia is #B9A5BD: rgb(185 165 189), hsl(290 15% 69%), oklch(0.747 0.041 320.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Viola Sororia color name →
#B9A5BD
oklch(0.747 0.041 320.6)
Color conversions
- HEX
- #b9a5bd
- RGB
- rgb(185 165 189)
- HSL
- hsl(290 15% 69%)
- HWB
- hwb(290 65% 26%)
- OKLCH
- oklch(0.747 0.041 320.6)
- OKLab
- oklab(0.747 0.031 -0.026)
- CIE Lab
- lab(70.07 10.78 -9.58)
- LCH
- lch(70.07 14.42 318.4)
- CMYK
- cmyk(2% 13% 0% 26%)
Tints · Shades · Tones
Tints
- C0AEC3
- C7B6CA
- CEBFD1
- D5C8D7
- DCD1DE
- E3DAE4
- EAE3EB
- F1EDF2
- F8F6F8
Shades
- A08FA4
- 89798C
- 716574
- 5B515D
- 463D47
- 312B33
- 1E1A1F
- 0D0A0D
- 020102
Tones
- B3A1B7
- AD9EB1
- A89AAA
- A296A4
- 9C929E
- 968F98
- 918B92
- 8B878C
- 868486
Color harmonies
Complementary +180°
- B9A5BD
Viola Sororia
- A0B49C
≈ Copper Patina
Analogous -30° +30°
- B9A5BD
Viola Sororia
- ACA9C5
≈ Cosmic Sky
- C2A3B0
≈ Shady Pink
Triadic +120° +240°
- B9A5BD
Viola Sororia
- BAAB90
≈ Prairie Dust
- 90B5B7
≈ Eyefull
Split-complementary +150° +210°
- B9A5BD
Viola Sororia
- AEB092
≈ Spring Walk
- 94B6A9
≈ Treetop
Tetradic +90° +180° +270°
- B9A5BD
Viola Sororia
- C3A696
≈ Cosy Blanket
- A0B49C
≈ Copper Patina
- 94B2C2
≈ Bright Bluebonnet
Contrast & accessibility
Ag
FailOn white
WCAG 2.28:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.17:1 · APCA Lc 57
Best text color: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--viola-sororia: #b9a5bd;
--viola-sororia-rgb: 185 165 189;
--viola-sororia-oklch: oklch(0.747 0.041 320.6);
}
.element {
color: var(--viola-sororia);
background-color: hsl(290 15% 69%);
border-color: oklch(0.747 0.041 320.6);
}Tailwind CSS v4
@theme {
--color-viola-sororia: #b9a5bd;
--color-viola-sororia-50: #fbf1fc;
--color-viola-sororia-100: #efe4f0;
--color-viola-sororia-200: #ddcfdf;
--color-viola-sororia-300: #c2b1c4;
--color-viola-sororia-400: #aa97ad;
--color-viola-sororia-500: #937e97;
--color-viola-sororia-600: #7c6b80;
--color-viola-sororia-700: #635566;
--color-viola-sororia-800: #493e4c;
--color-viola-sororia-900: #322b34;
--color-viola-sororia-950: #1e1820;
}SCSS
$viola-sororia: #b9a5bd;
$viola-sororia-rgb: 185, 165, 189;
$viola-sororia-light: mix(#fff, $viola-sororia, 20%);
$viola-sororia-dark: mix(#000, $viola-sororia, 20%);
.element {
color: $viola-sororia;
box-shadow: 0 0 0 2px rgba($viola-sororia, 0.35);
}