#9A7BCA
purple25% BrightnessWarm
Color Values
HEX
#9A7BCA
RGB
rgb(154, 123, 202)
HSL
hsl(264°, 43%, 64%)
CMYK
cmyk(24%, 39%, 0%, 21%)
Color Harmonies
Complementary
9A7BCA
ABCA7B
Triadic
9A7BCA
CA9A7B
7BCA9A
Analogous
7B83CA
9A7BCA
C27BCA
Monochromatic
4E317B
9A7BCA
EEE8F6
Similar Colors
65409F
AE7BCA
867BCA
D2C4E7
C27BCA
7B83CA
CSS Snippets
CSS Variables
--color-base: #9A7BCA; --color-light: #D4C7E9; --color-dark: #633E9B;
CSS Class
.element {
color: #9A7BCA;
background: #372356;
border-color: #65409F;
}Contrast Analysis
Sample Text — 6.06:1
The quick brown fox jumps over the lazy dog
On Black6.06:1
On White3.47:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness25%
Saturation43%
Hue264°
Temp
Warm
LRV
26%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated purple color with 25% brightness, 43% saturation, and 64% lightness.